JQuery——表單對象屬性篩選選擇器和特殊選擇器this

發(fā)布時間：2020-07-08 13:03:21 來源：網絡閱讀：707 作者：拉考的考拉欄目：web開發(fā)

表單對象屬性篩選選擇器和特殊選擇器this

1 表單對象屬性選擇器專門針對表單元素，可以附加在其他選擇器的后面，對所選擇的表單元素進行篩選

2 表單對象屬性選擇器的描述

$(":enabled") 選取可用的表單元素

$(":disabled") 選取不可用的表單元素

$(":checked") 選取被選中的<input>元素

$(":selected") 選取被選中的<option>元素

3 選擇器適用于復選框和單選框，下拉框元素使用selected選擇器

4 input：checked選擇器在任何瀏覽器中只選取<input>元素

5 this和$(this)的區(qū)別

this是JavaScript中的關鍵字，表示當前的上下文對象是一個html對象，可以調用html對象所擁有的屬性和方法

$(this)代表上下文對象是一個jquery的上下文對象，可以調用jquery的方法和屬性值

6 在JavaScript中this是動態(tài)的，意思是動態(tài)通過call和apply等方法可以改變上下文對象

7 this是DOM元素本身的一個引用，在DOM中this是指向這個html元素對象

8 在addEventListener綁定事件中，this指向當前的dom對象，再次修改時可以通過this獲取到引用，但是很復雜，而把this加工成JQuery對象則更簡單

9 通過this獲取到引用的方法

如p.addEventListener('click',function(){

//this===p

//以下兩者的修改都是等價的

this.style.color="red";

p.style.color="red";

},false);

10 把this加工成JQuery的方法

如$('p').click(function(){

//把p元素轉化成jquery的對象

var $this=$(this)

$this.css('color','red')

}）

向AI問一下細節(jié)

猜你喜歡