第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

$("div") 元素選擇器

類選擇器$(".imooc")

$(?"#id"?)

id選擇器元素id屬性前加#，id必須唯一

jquery對象找到第一個div元素

$div.first();

Jquery選擇jQuery對象var $p = $('#imooc2');

$p.html()方法進行更改內容

css()方法進行更改顏色樣式

$(document).ready 的作用是等頁面的文檔（document）中的節(jié)點都加載完畢后，再執(zhí)行后續(xù)的代碼

在head中引入jQuery庫即可

<script type="text/javascript" src="http://idcbgp.cn/static/lib/jquery/1.9.1/jquery.js"></script>

.html(),.text()和.val()的差異總結：??

1. .html(),.text(),.val()三種方法都是用來讀取選定元素的內容；只不過.html()是用來讀取元素的html內容（包括html標簽），.text()用來讀取元素的純文本內容，包括其后代元素，.val()是用來讀取表單元素的"value"值。其中.html()和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上；另外.html()方法使用在多個元素上時，只讀取第一個元素；.val()方法和.html()相同，如果其應用在多個元素上時，只能讀取第一個表單元素的"value"值，但是.text()和他們不一樣，如果.text()應用在多個元素上時，將會讀取所有選中元素的文本內容。

2. .html(htmlString),.text(textString)和.val(value)三種方法都是用來替換選中元素的內容，如果三個方法同時運用在多個元素上時，那么將會替換所有選中元素的內容。

3. .html(),.text(),.val()都可以使用回調函數(shù)的返回值來動態(tài)的改變多個元素的內容。

特殊選擇器this

下面例子中，imooc是一個對象，擁有name屬性與getName方法,在getName中this指向了所屬的對象imooc

var?imooc?=?{
????name:"慕課網",
????getName:function(){
????????//this,就是imooc對象
????????return?this.name;
????}
}
imooc.getName();?//慕課網

DOM中this就是指向了這個html元素對象，因為this就是DOM元素本身的一個引用

p.addEventListener('click',function(){
????//this?===?p
????//以下兩者的修改都是等價的
????this.style.color?=?"red";
????p.style.color?=?"red";
},false);

涉及一大堆的樣式兼容，把this加工成jQuery對象

換成jQuery的做法：

$('p').click(function(){
????//把p元素轉化成jQuery的對象
????var?$this=?$(this)?
????$this.css('color','red')
})

總體：

this，表示當前的上下文對象是一個html對象，可以調用html對象所擁有的屬性和方法。
$(this),代表的上下文對象是一個jquery的上下文對象，可以調用jQuery的方法和屬性值。

表單對象屬性篩選選擇器

注意事項：

1. 選擇器適用于復選框和單選框，對于下拉框元素, 使用 :selected 選擇器

2. 在某些瀏覽器中，選擇器:checked可能會錯誤選取到<option>元素，所以保險起見換用選擇器input:checked，確保只會選取<input>元素

表單元素選擇器

除了input篩選選擇器，幾乎每個表單類別篩選器都對應一個input元素的type值。大部分表單類別篩選器可以使用屬性篩選器替換。比如 $(':password') == $('[type=password]')

子元素篩選選擇器

注意事項：

1. :first只匹配一個單獨的元素，但是:first-child選擇器可以匹配多個：即為每個父級元素匹配第一個子元素。這相當于:nth-child(1)

2. :last 只匹配一個單獨的元素， :last-child 選擇器可以匹配多個元素：即，為每個父級元素匹配最后一個子元素

3. 如果子元素只有一個的話，:first-child與:last-child是同一個

4. ?:only-child匹配某個元素是父元素中唯一的子元素，就是說當前子元素是父元素中唯一的元素，則匹配

5. jQuery實現(xiàn):nth-child(n)是嚴格來自CSS規(guī)范，所以n值是“索引”，也就是說，從1開始計數(shù)，:nth-child(index)從1開始的，而eq(index)是從0開始的

6. nth-child(n) 與 :nth-last-child(n) 的區(qū)別前者是從前往后計算，后者從后往前計算

屬性選擇器中[attr="value"]和[attr*="value"]是最實用的

[attr="value"]能幫我們定位不同類型的元素，特別是表單form元素的操作，比如說input[type="text"],input[type="checkbox"]等
[attr*="value"]能在網站中幫助我們匹配不同類型的文件

可見性篩選選擇器

visible=0是隱藏，=1是顯示；
hidden=0是顯示，=1是隱藏。

內容篩選選擇器

$(":contains(text)")包含指定文本
$(":has(selector)")包含制定元素
$(":empty")和parent相反，文本元素是空的
$(":parent")所有含有子元素或者文本元素