回顾原生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) -设置
addClass( ) --追加样式 -追加
removeClass( ) ---移除样式
toggleClass ---切换样式
hasClass(" ") ---判断样式
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(){}