jQuery使用元素属性attr赋值详解
1.$("Element").attr(name) '取得第一个匹配的属性值,比如$("img").attr("src")
2.$("Element".attr(key,value)") '某一个元素设置属性
3.$("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性
4.$("Element").attr(key,function) '为所有匹配的元素设置一个计算的属性值。
5.$("Element").removeAttr(name)//移除某一个属性
jQuery 代码:
$("img").attr("src");
参数properties 描述:
为所有图像设置src和alt属性。
jQuery 代码:
$("img").attr({ src: "test.jpg", alt: "Test Image" });
参数key,value 描述:
为所有图像设置src属性。
jQuery 代码:
$("img").attr("src","test.jpg");
参数key,回调函数 描述:
把src属性的值设置为title属性的值。
jQuery 代码:
$("img").attr("title", function() { return this.src });
以上就是本文的全部内容了,都是个人的一些经验总结,希望大家能够喜欢。
相关推荐
-
JavaScript中的property和attribute介绍
首先看看这两个单词的英文释义(来自有道词典).先是property: 复制代码 代码如下: property ['prɔpəti] n. 性质,性能:财产:所有权 英英释义: any area set aside for a particular purpose "the president was concerned about the property across from the White House" 同义词:place something owned; any tangi
-
js中的getAttribute方法使用示例
getAttribute()方法 至此,我们已经向大家介绍了两种检索特定元素节点的办法:一种是使用getElementById()方法,另一种是使用getElementsByTagName()方法.在找到那个元素后,我们就可以利用getAttribute()方法把它的各种属性的值查询出来. getAttribute()方法是一个函数.它只有一个参数--你打算查询的属性的名字: object.getAttribute(attribute) 不过,getAttribute()方法不能通过docume
-
JavaScript中setAttribute用法介绍
setAttribute(string name, string value):增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值.1.样式问题setAttribute("class", value)中class是指改变"class"这个属性,所以要带引号.vName代表对样式赋值.例如: 复制代码 代码如下: var input = document.createElement("input");input.setAttribut
-
javascript中setAttribute()函数使用方法及兼容性
setAttribute()函数可以设置对象的属性,如果不存在此属性,则会创建此属性. 语法结构: el.setAttribute(name,value) 参数列表: 参数 描述 name 必需.规定要设置的属性名. value 必需.规定要设置的属性值. 代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <script type="text/javas
-
javascript中attribute和property的区别详解
DOM元素的attribute和property很容易混倄在一起,分不清楚,两者是不同的东西,但是两者又联系紧密.很多新手朋友,也包括以前的我,经常会搞不清楚. attribute翻译成中文术语为"特性",property翻译成中文术语为"属性",从中文的字面意思来看,确实是有点区别了,先来说说attribute. attribute是一个特性节点,每个DOM元素都有一个对应的attributes属性来存放所有的attribute节点,attributes是一个类数
-
js setattribute批量设置css样式
firefox等可以使用 var dom=document.getElementById("name"); dom.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ; IE中则必须使用style.cssText var dom=document.getElementById("name"); dom1.style.cssText = &q
-
jQuery使用attr()方法同时设置多个属性值用法实例
本文实例讲述了jQuery使用attr()方法同时设置多个属性值的用法.分享给大家供大家参考.具体如下: 下面这个演示例子可通过点击按钮实现修改链接与提示的功能. <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button&q
-
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
根据大体上的意思我感觉js setAttribute与jquery中attr工作是完全一样的,只是jquery中简写了并且工能更强大了,下面我来分别介绍一下他们的用法. attribute 是原生js dom 对象上的一个属性,这个属性有很多子属性,比如 isId(判断属性是否是Id) , name (获取属性名称) , value (获取属性值),attributes 用来获取dom元素 的所有属性集合. 话不多说,上例子了: <input type="text" name=&
-
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
getAttribute:取得属性:setAttribute:设置属性: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content=&q
-
Jquery attr()方法 属性赋值和属性获取详解
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr( 属性名 ) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2. attr( 属性名, 属性值 ) //设置属性的值 (为所有匹配的元素设置一个属性值.) 3. att
-
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
测试环境(客户端浏览器 ) IE6,IE7, IE8兼容模式, IE8 Firefox 3.6.8, google chrome 5.0.375.125 先来说明两个函数的标准定义. elementNode.setAttribute(name,value) name 必需.规定要设置的属性名. value 必需.规定要设置的属性值. 该方法把指定的属性设置为指定的值.如果不存在具有指定名称的属性,该方法将创建一个新属性. elementNode.getAttribute(name) name 必
随机推荐
- 深入讲解HTTPS中的加密算法
- 修复bash漏洞的shell脚本分享
- 写出更好的JavaScript之undefined篇(上)
- node.js使用require()函数加载模块
- Linux下Centos7安装Mysql5.7.19的详细教程
- Oracle cloud control 12c的启动、关闭及获取安装信息的方法
- 学习JavaScript设计模式(链式调用)
- Javascript 定时器调用传递参数的方法
- html dom节点操作(获取/修改/添加或删除)
- PHP.ini中配置屏蔽错误信息显示和保存错误日志的例子
- php连接oracle数据库及查询数据的方法
- Android编程调用红外线遥控功能示例
- C#缓存之SqlCacheDependency用法实例总结
- C/C++实现快速排序的方法
- MySQL Left JOIN时指定NULL列返回特定值详解
- linux下cat命令连接文件并打印到标准输出设备上
- SqlServer获取存储过程返回值的实例
- 关于SQL 存储过程入门基础(基础知识)
- jquery得到font-size属性值实现代码
- ReactNative实现图片上传功能的示例代码