设置和获取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>