回顾原生DOM操作

*获取节点                                                      *创建节点

*遍历节点                                                      *替换节点

*删除节点                                                     *插入节点

*复制节点

JQ中的DOM操作

*基本操作

html()      ---      类似于 原生DOM的innerHTML属性    获取/设置     html(html代码)

val()        ---   类似于原生DOM的value属性            获取/设置     val(value

text()       --- 类似于原生DOM的textContent属性   获取/设置 text(文本内容)

attr()       ---获取或设置制定元素的属性     获取/设置       attr(属性名称) /  atrr(属性名,值)

*样式操作 ---css

attr   ---       attr( "class",classValue)       -设置

在#d1的HTML里追加class属性  为one'

addClass( )                     --追加样式     -追加

为#d1的HTML追加class属性 two

removeClass( )              ---移除样式

移除#d1的所有样式,(移除了所有的class)

toggleClass                   ---切换样式

在有样式one与没有样式之间切换

hasClass(" ")                ---判断样式

有one样式true,没有false

css()   --操作样式    设置/获取

$(#d1).css("color","red")  单个

$(#d1).css({"color“：”red"  ,  "font-size“，”18px“  ,  "border":"0"});     多个

$(#d1).css("color","red")  .css("color","red")  .css("color","red")    //链式操作

JQ操作CSS属性           $("d1").css("background","red");

JQonclick事件   $("d1"）.click(function(){ 

$("d1").css("background","red");  })

      遍历之后,div  变成了DOM类型

多发个选择器并列使用，中间用,分割

$("d1,d2"）.click(function(){}