本文目录
- jquery中 attr的作用是什么
- jquery中attr和prop的区别
- 怎么用jquery改变input里面的value attr是取值 text或html怎么不能重新赋值啊,求教@
- jquery怎么获取a里面某个标签的值
- jquery的attr方法不能改变input的type属性吗
- 怎样用jQuery修改Input 中的name的值
- jquery如何改变img的图片路径
- jquery获取当前元素的classname
jquery中 attr的作用是什么
attr()是获取或设置某个元素的属性。
《input type="text" name="userName" title="请输入用户名称!" 》
定义和用法
根据该方法不同的参数,其工作方式也有所差异。
当该方法用于返回属性值,则返回第一个匹配元素的值。
当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。
例如:
获取输入框的title属性:$("input").attr("title");
设置输入框的title属性:$("input").attr("title","请输入姓名!");
扩展资料:
相关语法
返回属性的值:$(selector).attr(attribute)
设置属性和值:$(selector).attr(attribute,value)
使用函数设置属性和值:$(selector).attr(attribute,function(index,currentvalue))
设置多个属性和值:$(selector).attr({attribute:value, attribute:value,...})
jquery中attr和prop的区别
jQuery的 .attr() 方法得到了一个元素的属性值主要有两个好处:方便:它可以直接被jQuery对象访问并且链式调用其他jQuery方法。浏览器兼容:一些属性在不同浏览器中得到不同的值。 甚至在同一个浏览器的不同版本中。 .attr() 方法减少了兼容性问题。注意: 除少数属性意外,属性值都是字符串,如value和tabindex。在jQuery 1.6中,当属性没有被设置时候,.attr()方法将返回undefined。另外,.attr()不应该用在普通的对象,数组,窗口(window)或文件(document)上。若要检索和更改DOM属性,比如元素的checked, selected, 或disabled状态,请使用.prop()方法。Attributes vs. Propertiesattributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ,.attr()方法在取某些 attribute 的值时,会返回 property 的值,这就导致了结果的不一致。从 jQuery 1.6 开始, .prop()方法 方法返回 property 的值,而.attr() 方法返回 attributes 的值。例如, selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected应使用.prop()方法进行取值或赋值。 在jQuery1.6之前,这些属性使用.attr()方法取得,但是这并不是元素的attr属性。他们没有相应的属性(attributes),只有特性(property)。
怎么用jquery改变input里面的value attr是取值 text或html怎么不能重新赋值啊,求教@
jQuery提供了attr() 方法用于设置/改变属性值。这段代码就可以获取下拉框被选中的value值var type = $(’select option:selected’).val();alert(type)。
(1)通过attr()获取元素的值://此处是获取id为len元素的value值//记得里面的value要用双引号var len = $("#len").attr("value");alert(len);1234。
(2)通过attr()赋值//清空value的值var len = $("#len").attr("value",’’); alert(len);//重新给value赋值//此时alert,发现已经赋值111成功var len = $("#len").attr("value",’111’);alert(len)。
(3)通过name属性获取元素的value值//假如是获取input文本框的value值$("input").val();12。
(4)通过id获取元素的value值//product是id的值//获取值用val(),此处和js的value()区分开$("#product").val()。
jquery怎么获取a里面某个标签的值
需要准备的材料分别有:电脑、html器、浏览器。
1、首先,打开html器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的《script》标签,输入jquery代码:$(’body’).append($(’a’).attr(’id’));。
3、浏览器运行index.html页面,此时成功获取到了a标签的id值。
jquery的attr方法不能改变input的type属性吗
可以的,参考如下写法:$(selector).attr({type: ’text’});$(selector).attr(’type’, ’text’);
怎样用jQuery修改Input 中的name的值
jquery中attr 方法可以修改元素的任何属性,像name,href,src都可以通过这个方法来进行修改。
例如: $(’input’).attr(’name’,’account’);
attr 接收两个参数 第一为属性名,第二为属性值。同时attr参数还支持对象的方式,方便同时对多个属性进行修改。
例如: $(’input’).attr({’name’:’account’,’href’:’test-href’});
jquery如何改变img的图片路径
可以使用jQuery的“attr”方法改变img的图片路径。
1、新建html文档,在body标签中添加img标签,设置图片的路径为“a.png”,然后引入文件:
2、为img标签添加id“demo”,然后添加脚本代码“$("#demo").attr("src", "b.png");”,代码的意思先获取img标签,然后将路径改为“b.png”:
3、用浏览器打开网页,按F12键打开网页源码,可以查看img路径已经从“a.png”换成“b.png”了:
jquery获取当前元素的classname
一般而言,JQuery可以利用attr来获取元素的属性值,
1、$("元素").attr("属性"); //获取指定属性的值
2、$("元素").attr("属性","属性值");//设置属性值
3、$("元素").removeAttr("属性"); //移除指定属性
不过在1.6中加入了prop,用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时,将会返回标准属性true/false,不会和之前的attr一样,返回checked或者“”。
而JQuery中获取类名的属性为class亦可以为className,因为在HTML DOM中没有class属性,而是className属性。在JQuery中,有对className作出关键字的转换。
扩展资料:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。