正文
设置和获取html里面的内容.html
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>helloworld<span>nihao </span></h1>
<h1>helloworld222</h1>
<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//获取元素对象html里面的内容
// 获取的就是获取第一个内容,更换的是全部的内容
console.log($('h1').html())
//设置元素对象HTml里面的内容
$('h1').html('<h6>全部更换</h6>')//获取元素对象text文本
console.log($('h1').text())
//设置元素对象的文本
//$('h1').text('<span>6666</span>')//css样式设定1，如果这是设定单个样式属性，直接传两个参数css(属性名，属性值)
$('h1').css('background','red')
//css样式设定2，如果这是设定多个样式属性，css({属性名:属性值,属性名:属性值,})
//如果属性名是由2个或2个以上的词组成，那么久使用驼峰命名法或者是加引号 ‘fontsize’
$('h1').css({
background:'skyblue',
color:'red'
}) $('html').keypress(function(e){
console.log(e)
}) $('h1').click(function(e){
console.log(e)
$(this).css('background','pink')
})
</script>
</body>
</html>
