jquery获取自定义属性(attr和prop)的示例介绍

$(“form”)。attr(' check ')；$(“form”)。道具('检查')；两者都可以，但是jquery的新版本推荐第二个，它在其他方面是相似的。我发现的唯一区别是，当我使用复选框时，我需要使用道具。否则，IE浏览器将无法兼容复制代码，如下所示： htmlxmns=' 3358www.w3.org/1999/XHTML' head runat='服务器' title/title scripttype=' text/JavaScript ' src=' http 3360/js/jq 1 . 3 . 2 . js '/脚本/头体div lang=' rrry '/div div data-URL=' rrrrrrrrrrrrrrrrrrttttttttttttttttttttttttttttggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggget()；//alert($('[data-url]:eq(2)')。attr(' data-URL ')；$('[data-url]')。每个(函数(){ alert($(this))。attr(' data-URL ')；});//$('[data-url]')。每个(函数(){ //alert($(this))。prop(' data-URL ')；//});/script附带了：jquery attr()方法。在jquery中，attr()方法用于获取和设置元素属性。attr是attribute的缩写。attr()常用于jQuery DOM操作中。Attr()有四个表达式。1.attr(属性名)//获取属性的值(获取第一个匹配元素的属性值。这个方法可以很容易地从第一个匹配的元素中获取属性值。如果元素没有相应的属性，它将返回undefined。) 2.Attr(属性名，属性值)//设置属性的值(为所有匹配的元素设置一个属性值。)3.attr(属性名、函数值)//设置属性的函数值(为所有匹配的元素设置一个计算属性值。不是提供一个值，而是提供一个函数，由这个函数计算的值被用作属性值。)4.attr(properties) //为指定元素设置多个属性值，即：{属性名1 :“属性值1”，属性名2 :“属性值2”，}.(这是在所有匹配元素中批量设置许多属性的最佳方式。请注意，如果要设置对象的类属性，必须使用“类名”作为属性名。也可以直接用‘class’或‘id’。)示例代码：复制代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title jquery/title script src=' http : js/jquery-1 . 4 . 2 . min . js ' language=' JAVAScript ' type=' text/JAVAScript '/script style p { color 3360 red } Li { color : blue }中的Attr()方法。} .丽丽{ font-weight : bold；color:red} # Lili { font-weight : bold；color:red} /style /head body p title='你最喜欢的水果是什么。你最喜欢的水果是什么？/p ul li title='苹果汁'苹果/li li title='橙汁' alt='123 '橙汁/li li title='菠萝汁'菠萝/Li/ulscript./script/body html 1 . attr(name)//使用attr(name)获取属性1.1的值。获取标题值：复制代码如下： script alter($(' ul li: eq(1)')。attr(' title ')；/脚本结果：

1.2使用attr(name)获取alt值：复制代码如下： script alter($(' ul Li : eq(1)')。attr(' alt ')；/脚本结果：

2.attr(名称、值)//设置属性值2.1使用attr(名称、值)修改标题值如下：不吃橘子。复制代码如下：脚本$ ('ul li3360 eq (1)')。attr ('title '，'不要吃橘子')；alert($('ul li:eq(1)')。attr(' title ')；/脚本结果：

Attr (name，fn)//设置属性3.1的函数值将alt属性值设置为title属性值。复制代码如下：script $ ('ul li:eq (1)')。attr ('title '，function(){ return this . alt })；alert($('ul li:eq(1)')。attr(' title ')；/脚本结果：

4.attr(properties) //以“name/value”的形式设置一个对象作为所有匹配元素的属性4.1获取ul中的第二个li来设置title和alt属性。复制代码如下：script $ ('ul li:eq (1)')。attr ({title : '不要喝橙汁'，alt: '不是123 ' })；alert($('ul li:eq(1)')。attr(' title ')；alert($('ul li:eq(1)')。attr(' alt ')；/脚本结果：

4.2获得ul第二个li设置等级。复制代码如下：script $ ('ul li:eq (1)')。attr({ class name 3360 ' Lili ' })；/脚本结果：

4.3获取ul中的第二个li设置id。复制代码如下：script $ ('ul li:eq (1)')。attr({ id 3360 ' Lili ' })；/脚本结果：

4.4获得ul中的第二种li设置样式。复制代码如下：script $ ('ul li:eq (1)')。attr({ style 3360 ' color 3360 red ' })；/脚本结果：

在li中添加alt是错误的，它只能用于img、区域和输入元素(包括applet元素)。对于输入元素，alt属性旨在替换提交按钮的图片。这里为了详细解释attr()方法，没有合适的属性，所以以alt为例，仅供学习参考attr()方法的用法。在这个描述中，alt和tite的区别。Alt:这是用来描述图形的文字。当图片无法显示时，将显示该文本而不是图片。当鼠标在图片上移动时，这些单词也会显示出来。Title:是鼠标放上后显示的文本。那么如何删除属性呢？jquery中删除属性的关键词是：removeAttr。注意A是大写的。看看如何使用：这也是用法1中的html代码。我想删除li的title属性，所以：复制代码如下： Script $ ('ul li3360 eq (1)')。remove attr(' title ')；/script就这么简单。attr实际上是原生js中getAttribute的简化实现，removeAttr是removeAttribute的缩写。有没有类似attr()的属性？jquery中的Val()类似，$(this)。val()；获取元素节点的值，相当于$(this)。attr(' value ')；$(这个)。val(值)；设置元素节点的值，相当于$(this)。attr('value '，value)；