重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
$("#textId").attr("width")是获取Id为textId的控件的width属性。
成都创新互联公司从2013年成立,是专业互联网技术服务公司,拥有项目做网站、网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元渑池做网站,已为上家服务,为渑池各地企业和个人服务,联系电话:13518219792
$(".className").attr("width")是获取包含class名为className的控件的width属性。
$("[name=textName]").attr("width")是获tml xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title获取元素属性/title
script type="text/javascript" src="jquery.js"/script
style type="text/css"
a{text-decoration:none;}
li{list-style-type:none; }
取name为textName的控件的width属性。
但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值。
如:$("#textId")[0].width是取第一个控件的width属性。
但也有写属性用attr取不到,也需要用角标的方式取得控件后在取属性。
使用 each 方法, 假设你的 jQuer 元素是 el , 大概代码是:
$(el).each(function(index,el){
console.log( $(el).attr('id') );
})
each 是 jQuery 提供的遍历方法,第一个参数是索引,第二个参数是遍历对象的值。
1、查找子元素方式1:
例如:var
aNods
=
$("ul
a");查找ul下的所有a标签
2、查找子元素方式2:children()
3、查找子元素方式3:find()
通过下标获取第n个子标签的ID值
1.var
num1=$("ul
a:eq(0)").attr("ID");
2.var
num2=$("ul").children("a:eq(0)").attr("ID");
3.var
num3=$("ul").find("a:eq(0)").attr("ID");
如下代码可以实现点击页面获得被点击元素的id
$(document).click(function(e) { // 在页面任意位置点击而触发此事件
$(e.target).attr("id"); // e.target表示被点击的目标
})
示例代码如下
创建Html元素
div class="box"
span点击页面后,设置被点击元素背景色并获取其id:/spanbr
div class="content" id = "test"test
div id = "test1"test1
div id = "test2"test2
div id = "test3"test3/div
/div
/div
/div
/div
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
div.content div{min-width:20px;min-height:20px;padding:30px;border:1px solid #446699;background:#ffffff;}
.bg{background:#ff99cc !important;}
编写jquery代码
$(function(){
$(document).click(function (e) {
$(e.target).addClass('bg'); // 设置背景色
alert($(e.target).attr('id')); // 获取id
})
})
观察效果
初始状态
点击id为test2的div
通过查询属性获取:$('element').attr('id')
定义和用法
attr() 方法设置或返回被选元素的属性值。
根据该方法不同的参数,其工作方式也有所差异。