jQuery中的dom操作

Posted 2020-09-17 小鸭嘎嘎

1、对样式操作的css方法
1、css(name) 获取指定属性的样式值；
2、css(name,value) 设置样式
3、css(properties)或css({}) 设置多个样式；

2、追加样式
addClass(name) 添加css中的样式规则, css规则可以是页内样式，也可以是外部引用样式；
如$("form div").addClass("myDiv"); 或者 $("form div").addClass("myDiv myDiv2");
removeClass(name) 移除css中的样式规则, css规则可以是页内样式，也可以是外部引用样式；
如$("form div").removeClass("myDiv"); 或者 $("form div").removeClass("myDiv myDiv2");

toggleClass 样式切换方法； 单击第一次相当于执行了addClass，单击第二次相当于执行了removeClass；
如 $("form div").toggleClass("myDiv myDiv2");

3、元素设置或获取
html() 获取html里面的内容，包括元素节点；
html(value) 设置html里面的内容，相当于innerHTML
text() 获取html里面的文本内容，text获取的数据会忽略元素节点，只显示文本值;
text(value) 设置html元素中文本的内容， 相当于innerText；
attr(key) 获取当前元素的属性值；
attr(key,value) 设置属性值
attr(properties)或attr({}) 设置多个属性值；
val() 作用于表单域控件； 获取表单的值；
val(value) 作用于表单域控件； 设置表单的值；