Rumah >hujung hadapan web >tutorial js >关于Jquery获取对象的属性与值

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

黄舟
黄舟asal
2017-03-01 14:39:581629semak imbas

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)!


Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn