jQuery常用dom操作
浏览数：16 /
时间：2015年06月09日
操作属性节点(type属性不支持修改和删除)
- attr(‘name‘)——取值（如果jq对象是多个，则只取得第一个值，例如：$(‘.class‘).attr(‘name‘)——只获得第一个class的name属性值）
- attr(‘name‘,‘value‘)——赋值
- 如果参数是json对象，那么则会同时修改多个属性值，例如：var kv = {name:‘username‘,value:‘tom‘}; $(‘#username‘).attr(kv);
- 还可以通过函数的返回值来修改属性值，例如：$(‘#username‘).attr(‘name‘,function(){return ‘tom‘})
- 删除属性：$(‘input‘).removeAttr(‘id‘);
操作class——可以使用attr()（方法1）替代
- $(‘div‘).attr(‘class‘,‘class‘);
- addClass() 为节点设置class属性
- removeClass() 删除节点的class属性值
- toggleClass() 操作class属性有开关效果(有就删除，没有就添加)
val()方法——可以获取或取得节点的value属性，可以使用attr()方法替代。
html()方法：替换innerHTML（非w3c标准）的使用，html()符合w3c标准
- $("#id").html()——获取#id下面所有的子节点的html内容
- $("#id").html(‘<p>你好！世界</p>‘)——替换#id下面所有的子节点的html内容
text()方法：用法与html()类似，不同的是用html()赋值时，在浏览器会把html标签正常解析，而text()则会把html标签转化成字符实体，在网页上可见，取值的时候，text()只取文本内容，忽略html标签。
css()方法——设置节点样式（用法于attr()方法类似，操作样式属性）
快捷设置宽和高$(‘#id‘).height(100)——$(‘#id‘).width(100)（可用css方法替代，$(‘#id‘).css(‘height‘,‘100px‘)）
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
