首页 > 代码库 > jQuery常用dom操作
jQuery常用dom操作
操作属性节点(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‘))
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。