<!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>