首页 >web前端 >js教程 >关于Jquery获取对象的属性与值

关于Jquery获取对象的属性与值

黄舟
黄舟原创
2017-03-01 14:39:581631浏览

1.获取对象的常用方法


$("*")  表示获取所有对象一般都不会去使用

$("#XXX") ’获得 id=XXX 的元素对象常用

$(".XXX") ’获得 class=XXX 的元素对象常用)

$("p") ' 标签选择器 选择所有的p元素  (常用)

$("input[name='uname']")   获得input标签中name='uname'的元素对象(常用)

如:

self.find("input[name='complany']").css('border','#FFB240 1px solid');
self.find("textarea[name='messcont']").css('border','#FFB240 1px solid');		

以上选择方法可以通过空格与大于号>、加号+与波浪号~组合使用,关于使用规则,可以参考这里(http://www.php.cn/)在这篇博文中,忘记了加上使用逗号组合,下面给出一个使用逗号组合的案例

如想获取class为message的p,代码如下:

<p class="message">
gegrew
</p>
<span class="message">ageaw</span>

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
	console.log($(".message,p").html()) ;
</script>



2、其他对象获取方法

$("Element[attribute = 'ceshi']" )获得所有某个属性为ceshi的元素
$("Element[attribute != 'ceshi']") 获得所有某个属性为不是ceshi的元素
$("Element[attribute ^= 'ceshi']") 获得所有某个属性为不是ceshi的开头的元素
$("Element[attribute *='ceshi']" '获得所有某个属性包含ceshi的开头的元素


<span class="message" src="hello">hello</span>
<span class="message" src="byebye">byebye</span>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
	console.log($("span[src =&#39;hello&#39;]").html()) ;
</script>



3、获取对象的属性

$("Element").attr(key)  获取某一个元素的属性

$("Element").attr(key,value)  给某一个元素设置属性

 以上就是关于Jquery获取对象的属性与值的内容,更多相关内容请关注PHP中文网(www.php.cn)!


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn