1、使用attr()获取属性和设置属性

语法1：$(selector).attr(attrName);

获取匹配到的元素的attrName属性。

语法2：$(selector).attr(attrName,attrValue);

把匹配到的元素的属性attrName值设置为attrValue。

2、删除属性使用removeAttr()方法实现

$(selector).removeAttr(attrName);

删除选择器匹配到的元素的attrName属性.

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>jquery的dom操作</title><script src="../jquery-1.3.1.js"></script>
</head>
<body><p title="选择你喜欢的水果">你最喜欢的水果是?</p><ul> <li title="苹果">苹果</li><li title="橘子title">橘子</li><li title="菠萝">菠萝</li><li title="菠萝2">菠萝2</li><li title="菠萝3">菠萝3</li></ul>
</body>
<script> $(function(){alert($("li:eq(1)").attr("title"));$("li:eq(1)").attr("title","橘子来啦");alert($("li:eq(1)").attr("title"));$("li:eq(1)").removeAttr("title");alert($("li:eq(1)").attr("title"));});
</script>
</html>

3、prop()操作属性

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>jquery的dom操作</title><script src="../jquery-1.7.2.min.js"></script><style>.red{color:red;}</style>
</head>
<body><p title="选择你喜欢的水果">你最喜欢的水果是?</p><ul> <li title="苹果">苹果</li><li class="" title="橘子title">橘子</li><li title="菠萝">菠萝</li><li title="菠萝2">菠萝2</li><li title="菠萝3">菠萝3</li></ul>
</body>
<script> $(function(){//$("li:eq(1)").prop("title")//获取指定元素的title属性//返回值是修改过属性后的元素节点对象//$("li:eq(1)").prop("title","liliio")//给元素属性赋值//$("li:eq(1)").prop("title","liliio").html("橘子来了");//$("li:eq(1)").attr("class","red");$("li:eq(1)").prop("class","red");});
</script>
</html>

jquery操作文档节点的属性相关推荐

JQuery操作文档之删除节点
JQuery 提供了两种方法来删除节点: remove() 和 empty() 1.remove() 作用是从DOM中删除所有匹配的元素,传入的参数用来根据JQuery表达式来筛选元素. 值得一提的是 ...
元素节点，属性节点，文本节点，文档节点，分别的意思
1.元素节点是HTML标签元素,元素节点主要提供了对元素标签名.子节点及属性的访问. 2.属性节点:一般是元素节点的属性,每一个 XML 属性算是一个属性节点. 3.文本节点:是DOM中用于呈现文本的 ...
jQuery (筛选文档处理)
大家好,我是小陽,我又来了,今天我给大家带来的是jQuery的筛选and文档处理,希望能给大家带来一些知识上的帮助! 目录一.思维导图二.jQuery的筛选三.jQuery的文档处理一.思维导 ...
应用DOM操作文档的一个实用例子
DOM(Document Object Model)是表示文档(如HTML文档)和访问.操作说清楚文档的各种元素(如HTML标记和文本串)的应用程序接口(API).在DOM中,HTML文档中的各个节点 ...
jQuery基础文档(持续更新)
文章目录 jQuery基础文档(持续更新) 1 jQuery入门仪式: jQuery基础文档(持续更新) 1 jQuery入门仪式: 还是先上一段代码吧,对照这看: <!DOCTYPE html ...
JQuery 查询文档元素
JQuery jQuery 为web脚本编程提供了通用的抽象层,使得它几乎用于任何脚本编程的情形. jQuery 能够满足如下功能: l 取得页面的元素 l 修改页 ...
jquery ui 文档使用总结
介绍jquery ui文档中的api如何使用 <!doctype html> <html lang="us"> <head> <meta ...
RestClient操作文档四
RestClient操作文档前言: 文档操作(Document)与索引库(mapper)之间的关系索引库(mapper)映射文件指定了具体的字段是什么类型的,和是否需要索引以及他的分词方式是什么 ...
jquery获取文档高度和窗口高度的例子
jquery获取文档高度和窗口高度,$(document).height().$(window).height() $(document).height():整个网页的文档高度 $(window).h ...

jquery操作文档节点的属性

1、使用attr()获取属性和设置属性

2、删除属性使用removeAttr()方法实现

3、prop()操作属性

jquery操作文档节点的属性相关推荐

最新文章

热门文章