您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

JQuery element属性控制相关总结

2024/3/11 14:28:22发布14次查看
jquery元素属性控制
代码如下:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script src="js/jquery-1.3.2.js" ></script> <script type="text/ javascript "><!-- $(function(){ $("#aattr1").click(function(){ $( ":text").attr("value",$("#ptest").attr("id")); }) $("#aattr2").click(function(){ $( ":text").attr("value",function(){ return $("#ptest").attr("id"); }); }) $("#aattr3").click(function(){ $( ":text").attr({value:"test2"}); }) $("#aattr4").click(function(){ $("#inputtest2").removeattr("value"); }) }) // --></script> <title>无标题文档</title> </head> <body> <form> <input id="inputtest1" type="text" /> <input id="inputtest2" type="text" value="test" /> <p id="ptest">123</p> <a href="#" id="aattr1">在text表单中显示p的id方法1</a>| <a href="#" id="aattr2">在text表单中显示p的id方法2</a>| <a href="#" id="aattr3">在text表单中显示test2</a>| <a href="#" id="aattr4">去除inputtest2的value属性</a>| <input type="reset" /> </form> </body> </html>
1.element.attr(name)
描述:用于获取某个元素的name属性值,如例子中 $(#ptest).attr(id)就可获取ptest的id值。
2.element.attr(name,value)
描述:用于设置某个元素的name属性值,如例子中$(:text).attr(value,$(#ptest).attr(id))就将ptest的id值赋于text表单的value值。
注:例子中(:text)用于获取input表单type为text的元素,同样其它表单也可用同样的方法获取,如f5c269c97326fa978bca60e627eba6e8即可用$(:button)进行获取,其返回值为array(element),也可用$(:input)获取所有的input元素。。在jquery中要获取和设置元素的text与value值还可以使用element.text()/element.text(value)、element.val()/element.val(value),用法与element.html()一样,若有疑问可以跟帖,我再做说明
3.element.attr(name,function)
描述:用于设置某个元素的name属性值与上一个类似,只是这里的value可以写成个function,更为灵活。
4.element.remove(name);
描述:用于删除某个元素的name属性。
以上就是jquery element属性控制相关总结的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product