首页 > 代码库 > jQuery中的dom操作

jQuery中的dom操作

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) 作用于表单域控件; 设置表单的值;

 

jQuery中的dom操作