首頁 > web前端 > js教程 > 關於Jquery取得物件的屬性與值

關於Jquery取得物件的屬性與值

黄舟
發布: 2017-03-01 14:39:58
原創
1668 人瀏覽過

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


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板