添加属性用setAttribute()方法，可以传入两个参数，第一个是属性名称，第二个是要设置的属性值
var li = document.getElementsByTagName('li')[0]//设置 li 属性，如 data-falg,设置为true
li.setAttribute("data-falg", "true")
也可以获取属性用getAttribute(),传入一个参数，是想获取的属性名称，返回的是该属性的值
jquery对json 键值对或数组的增加、删除、遍历 *** 作的代码如下：
var jsonStr={}
//增加jsonStr["name1"]="yu"jsonStr["name2"]="jin"jsonStr["name3"]="sheng"
$.each(jsonStr,function(_key)
{ console.log("Push结果："+_key+"=="+jsonStr[_key]+"\r\n")})
//遍历$.each(jsonStr,function(_key)
{ var key = _key
var value = jsonStr[_key]
if(_key=="name1")
{ //删除 delete jsonStr[_key]
}
})
$.each(jsonStr,function(_key){ console.log("删除后的结果："+_key+"=="+jsonStr[_key]+"\r\n")
})
输出结果为：
扩展资料：
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。
jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
jQuery的模块可以分为3部分：入口模块、底层支持模块和功能模块。
在构造jQuery对象模块中，如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式，则会调用选择器Sizzle（一款纯JavaScript实现的CSS选择器引擎，用于查找与选择器表达式匹配的元素集合）遍历文档，查找与之匹配的DOM元素，并创建一个包含了这些DOM元素引用的jQuery对象。
浏览器功能测试模块提供了针对不同浏览器功能和bug的测试结果，其他模块则基于这些测试结果来解决浏览器之间的兼容性问题。
在底层支持模块中，回调函数列表模块用于增强对回调函数的管理，支持添加、移除、触发、锁定、禁用回调函数等功能。
异步队列模块用于解耦异步任务和回调函数，它在回调函数列表的基础上为回调函数增加了状态，并提供了多个回调函数列表，支持传播任意同步或异步回调函数的成功或失败状态。
数据缓存模块用于为DOM元素和Javascript对象附加任意类型的数据；队列模块用于管理一组函数，支持函数的入队和出队 *** 作，并确保函数按顺序执行，它基于数据缓存模块实现。
参考资料：
百度百科--jQuery
var anElement = $("#someElement")anElement.attr("anyAttribute","anyValue")// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性jquery *** 作html标签的方法非常多，小编在这里总结一下。
首先，引入jquery，jquery下载地址在文章末尾的相关链接给出，这是运用jquery的第一步，也是必不可少的一步！
代码如下：
<head>
<script src="jquery.js"></script>
</head>
当然，你也可以不下载，直接引用。
代码如下：
<head>
<script src="/jquery/1.8.0/jquery.min.js"></script>
</head>
注意jquery的版本，及时更新。
接下来介绍jquery的第一种 *** 作html标签的方法。
1. *** 作已经存在的html标签的属性！
这就需要用到一个非常强大的函数attr()
函数写法：
var ss=$("HTML标签的ID").attr("想要获得的属性")
这样准确ID的HTML标签的指定属性的值就会赋给变量ss。
例如：var ss=$("#id").attr("value")
当然还可以给准确ID的HTML标签的指定属性赋值。
函数写法：
$("HTML标签的ID").attr("想要改变的属性","改变的值")
例如：$("#id").attr("class","aaa")
这样可以将ID为"id"的HTML标签的class改为aaa.
利用这个函数更改HTML标签的类或ID，配合样式表可以做出非常炫的动态效果！
贴上样例图：
2.jquery向指定位置添加不存在的HTML标签！
这次需要的函数是append()或appendto()
有很多人搞不起这两个函数的区别，稍后会讲明。
函数写法：
$("HTML标签的ID").append("完整的HTML标签")
例如：$("#id").append("<input type='text' value=' ' id='aa' />")
HTML标签的ID是为了定位添加的HTML标签，添加的HTML标签将会出现于指定ID标签的后面！注意控制排版！
贴上样例图：
接下来介绍appendto()的用法以及它和append()的区别！
函数写法：
$("完整的HTML标签").appendto("HTML标签的ID")
例如：$("<input type='text' value=' ' id='aa' />").append("#id")
这样也可以达到与append()的相同效果，至于区别，也许你已经发现了，区别就是前后两个括号的内容反过来了，先填写HTML标签，再写指定元素ID。
但是即使这样写，添加的HTML标签仍会出现于指定ID标签的后面！
这个就不贴样例图了。
*** 作HTML的函数还有很多，比如图中提到的CSS（）。
这是 *** 作指定属性的。用attr()也可以做到，所以就不再介绍。
这里贴上一张jquery *** 作HTML的方法汇总图。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）