之前看JavaScript DOM编程艺术清晰中文版中getAttribute setAttribute用法,感觉蛮亲切的,觉得似曾相识,jquery当中有个类似的兄弟方法,他的名字叫attr,从名字中可以看出他们真的差不多。
<a id=”test” title=”hello word”>测试</a>
1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined )
jquery方法 alert($(“#test”).attr(“title”));
javascript方法 var a=documnet.getElementById(“test”);alert(a.getAttribute(“title”));
2. attr(属性名, 属性值) //设置属性的值 (为所有匹配的元素设置一个属性值。)
jquery方法 alert($(“#test”).attr(“title”,”Fuck Ie6″));
javascript方法 var a=documnet.getElementById(“test”);
a.setAttribute(“title”,”Fuck Ie6″);
alert(a.getAttribute(“title”));
转自 jquery http://www.jqueryba.com/611.html
<a id=”test” title=”hello word”>测试</a>
1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined )
jquery方法 alert($(“#test”).attr(“title”));
javascript方法 var a=documnet.getElementById(“test”);alert(a.getAttribute(“title”));
2. attr(属性名, 属性值) //设置属性的值 (为所有匹配的元素设置一个属性值。)
jquery方法 alert($(“#test”).attr(“title”,”Fuck Ie6″));
javascript方法 var a=documnet.getElementById(“test”);
a.setAttribute(“title”,”Fuck Ie6″);
alert(a.getAttribute(“title”));
转自 jquery http://www.jqueryba.com/611.html
发表评论
-
jquery仿凡客诚品图文切换效果
2012-12-29 22:31 997前端开发过程中需要不断学习,不断温习。最近计划白天继续温习jq ... -
初识javascript美术馆
2012-11-24 12:55 660不断学习,对前端开发来说很是重要,况且咱还是菜鸟更需要好好学习 ... -
jQuery如何性能优化
2012-11-20 09:18 718现在jquery应用的越来越多,上手快,可以满足一般的前端开发 ... -
100个超炫的HTML 5示例(四)
2012-11-12 09:04 759习惯性的早起,星期天睡不着啊,估计这个是前端开发的职业病,落下 ... -
WP-Syntax 代码高亮插件使用方法
2012-11-07 13:43 1100jquery博客之前代码插件好好的,最近把WP Code Hi ... -
css样式表中字体乱码
2012-11-02 22:07 786有时候,我们的css样式表中字体乱码,很诧异。百度谷歌是两个老 ... -
网页中如何插入FLASH(swf文件)的html代码
2012-10-26 09:44 860记得jquery博客从学校出来,走上这条前端开发这不归路,就没 ... -
100个超炫的HTML 5示例(三)
2012-10-25 09:42 779jquery博客继续折腾shopex纠结了,老是出现无法安装, ... -
discuz x2.5用户注册后邮箱认证后无法收到邮件或者直接进垃圾箱
2012-10-23 09:07 959又是一个周末,jquery特效继续折腾我那discuz论坛,我 ... -
100个超炫的HTML 5示例(二)
2012-10-22 23:42 709战斗月,7月即将结束,回首望去,jquery特效不知不觉加班了 ... -
浅谈getElementByID getElementsByTagName getAttribute
2012-10-17 14:01 883今天晚上是jquery博客连续加班的最后一个晚上了,明天开始终 ... -
wordpress 子页面添加关键词和描述,增强SEO优化
2012-10-12 22:11 659jquery特效对seo优化了解的不多,只是一些瞎折腾,今天逛 ... -
使用CSS Usage 给你的CSS样式文件减减肥吧
2012-10-11 08:08 727前端开发过程中经常会 ... -
几个实用的.htaccess代码片段
2012-10-10 09:27 724自动为文件添加 utf-8 编码 为了避免编码问题,你可以通过 ... -
javascript中非继承的扩展
2012-10-08 15:26 615jquery特效之前只是用,有些东西没有深入追究。惭愧,好多不 ... -
javascript之调用被覆盖的方法
2012-09-29 08:50 615jquery博客这两天在看原生的javascript,看到一些 ... -
淡淡简单描述javascript中方法apply和call
2012-09-27 13:00 597jquery博客最近在看原生javascript,是那本犀牛书 ... -
css a链接 写法 新手篇
2012-09-25 09:03 669今天jquery博客被问到咋写a链接后的样式 这个是很早很早一 ... -
jquery实现隔行换色效果
2012-09-24 08:09 710隔行换色在显示数据的时候用的比较多。jquery整自己的小站的 ... -
jquery 判断 IE6 浏览器 javascript
2012-09-22 09:46 679jquery博客依然整3D地图,火狐 谷歌 IE 7 8 9搞 ...
相关推荐
**jQuery的attr方法详解** 在JavaScript的世界里,jQuery库以其简洁的API和强大的功能深受开发者喜爱。其中,`attr`方法是jQuery中的一个重要成员,它主要用于获取或设置HTML元素的属性(attribute)。本文将深入...
2. **链式操作**: jQuery对象支持链式调用,这意味着一个方法调用结束后可以直接调用另一个方法,如`$("#element").hide().fadeIn()` 3. **DOM操作**: jQuery提供了便利的DOM操作方法,如`append()`用于在元素末尾...
本篇文章将详细探讨jQuery的几种使用方法,帮助你更好地理解和运用这一强大的工具来提升网页设计的效率和用户体验。 1. **DOM操作**:jQuery的核心功能之一就是对HTML文档对象模型(DOM)进行操作。通过选择器,如`...
本文将详细介绍如何使用jQuery库中的attr方法来实现一个简单的图片切换效果。attr方法是jQuery中用于获取或设置HTML元素属性值的函数,通过该方法可以方便地实现元素属性的动态修改,进而达到图片切换的目的。 首先...
在DOM(文档对象模型)操作中,`attr()`方法扮演着重要的角色,因为它使得对元素属性的处理变得更加简单和高效。 **定义与用法** `attr()`方法的基本语法是: ```javascript $(selector).attr(attributeName, ...
$("#anchor").attr('onclick', '').click(newclick); 如果onclick事件原先有值,要先清空,再用click( eval(function(){…..}) )赋值 $("input[name='orderCar']").attr('onclick','').click( eval(...
以上只是jQuery核心API的一部分,实际使用中还有更多的方法和功能,如AJAX的全局事件、插件机制等。通过熟练掌握这些基础API,开发者可以轻松实现网页的动态交互,提高开发效率。在实际项目中,配合详细的文档和示例...
attr()方法在实际开发中非常实用,通过掌握它不同的使用方法,可以让我们更灵活地对页面上的元素进行属性的读取和设置操作。无论你是想要获取页面元素的当前属性值,还是需要修改页面元素的属性来实现特定的样式改变...
- jQuery 提供了丰富的CSS选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(element)等,以及更高级的选择器如属性选择器([attr=value])、后代选择器、兄弟选择器等,使得精准选取DOM元素变得简单。...
使用JQuery的attr方法实现下拉列表选中是一项基本且实用的技术。 首先,我们要了解下拉列表(select)元素和它的工作原理。在HTML中,下拉列表是通过标签创建的,每个选项则是通过标签表示。每个标签可以有一个...
在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它提供了许多方便的API来操作DOM元素,其中`attr`方法是其中一个重要的功能。本篇将详细介绍如何使用jQuery的`attr`方法来禁用表单元素,防止用户输入内容。 ...
本文实例讲述了jQuery使用attr()方法同时设置多个属性值的用法。分享给大家供大家参考。具体如下: 下面这个演示例子可通过点击按钮实现修改链接与提示的功能。 <!DOCTYPE html> <html> <head> ...
这个实例清晰地展示了`attr`和`removeAttr`方法在实际操作中的用法,对于理解如何在jQuery中处理元素属性非常有帮助。 总结来说,`attr`和`removeAttr`是jQuery中用于管理HTML元素属性的重要工具。`attr`用于设置、...
本文实例讲述了jQuery中attr()与prop()函数用法。分享给大家供大家参考,具体如下: 一、jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常...
本资源"Jquery -tab简易选项卡"提供了一种简单的方法,利用JavaScript库jQuery实现这种功能。jQuery是一个轻量级、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画效果和Ajax交互。 首先,我们需要...
本文将结合实例详细分析这三个方法的差异、功能、使用方法及相关注意事项。 首先,attr()方法用于操作HTML元素的属性。它主要用来获取和设置元素的自定义属性以及元素标准的HTML属性。当操作HTML标准属性(如href、...
以下是对标题“jQuery 使用方法”和描述中提及的知识点的详细解释: ### 一、选择网页元素 jQuery 的核心功能是选择网页元素并对其进行操作。它支持多种选择器,包括 CSS 选择器和 jQuery 特有的选择器。 1. **...
1. AJAX:jQuery的`.ajax()`函数封装了XMLHttpRequest,简化了异步数据请求,`.getJSON()`, `.get()`, `.post()`等方法则提供了更简单的接口。 2. 数据操作:`.data()`方法可以将数据关联到DOM元素上,方便存储和...