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

jQuery元素選擇器

jQuery類選擇器

jQuery得id選擇器

jQuery

id選擇器

jQuery類選擇器

同樣的jQuery在實(shí)現(xiàn)上，對于類選擇器，如果瀏覽器支持，jQuery使用JavaScript的原生getElementsByClassName()函數(shù)來實(shí)現(xiàn)的

????優(yōu)勢：.css()放啊內(nèi)部帶了一個(gè)隱式的循環(huán)處理，所以不僅僅只是選擇其上的簡單，同時(shí)還增加很多關(guān)聯(lián)的便利操作。

????缺點(diǎn)：效率相對低一點(diǎn)。

用法：

$(".class")

jQuery選擇器

????作用：為開發(fā)者快速高效的找到指定節(jié)點(diǎn)，減少處理復(fù)雜選擇過程與性能優(yōu)化，更專注業(yè)務(wù)邏輯的編寫。

????作用域：幾乎支持主流的css1~css3選擇器的寫法

????寫法：

????????id選擇器：

$("#id")

????????注意點(diǎn)：每個(gè)id值再一個(gè)頁面中只能使用一次。

DOM對象轉(zhuǎn)化成jQuery對象

通過getElementsByTagName獲取所有的div節(jié)點(diǎn)的元素（dom合集對象）,通過$(dom)方法轉(zhuǎn)化成jQuery對象。

通過調(diào)用jQuery對象中的first與css方法查找第一個(gè)元素并且改變其樣式。

把jQuery對象轉(zhuǎn)換成DOM對象的方法

1.利用數(shù)組下標(biāo)的方式讀取到j(luò)Query中的DOM對象

var?$div?=?$('div');//jQuery對象
var?div?=?$div[0];??//轉(zhuǎn)化成DOM對象
div.style.color?=?'red';//操作dom對象的屬性

?2.通過jQuery自帶的get（）方法

var?$div?=?$('div');//jQuery對象
var?div?=?$div.get(0);//通過get方法，轉(zhuǎn)化成DOM的對象
div.style.color?=?'red';//操作dom對象的屬性

jQuery對象：

????通過$("#id名")方法獲取一個(gè)jQuery對象，這個(gè)對象是一個(gè)類數(shù)組對象。

????通過jQuery方法包裝后的對象，是一個(gè)類數(shù)組對象。他與DOM對象完全不同，唯一相似的是它們都能操作DOM

????通過jQuery處理DOM的操作，可以讓開發(fā)者更專注業(yè)務(wù)邏輯的開發(fā)，而不需要我們具體知道哪個(gè)DOM節(jié)點(diǎn)有那些方法，也不需要關(guān)心不同瀏覽其的兼容問題，我們通過jQuery提供的API進(jìn)行開發(fā)，代碼也會更加精短。

Dom對象：

????通過原生DOM模型提供的document.getElementById("id名");方法獲取的DOM元素就是一個(gè)DOM的對象。

$(document).ready(function(){
????????$("div").html("Hello?World");
????}
);

代碼分析：

????$(document).ready作用：等待頁面的文檔中，節(jié)點(diǎn)都加載完畢后，再執(zhí)行后續(xù)的代碼，保證元素真正的被加載完畢后才能正確的使用。

jQuery分2個(gè)系列版本：1.x與2.x

區(qū)別：

????2.x不再兼容IE6、7、8瀏覽器，目的是為了兼容移動(dòng)端開發(fā)

????由于減少了一些代碼，2.x版本比1.x更小、更快。

jQuery每個(gè)版本對應(yīng)的壓縮版（compressed）與開發(fā)版（development）

????壓縮版：一般使用在項(xiàng)目上線發(fā)布，因?yàn)閴嚎s版本團(tuán)體及更小，效率更快

????開發(fā)版：一般適用在項(xiàng)目的開發(fā)過程，因?yàn)榉奖阈薷囊约罢{(diào)試。

什么是jQery?:

????jQuery是一個(gè)輕量級的JavaScript庫，核心依然是JavaScript.

????jQuery兼容了CSS3，還兼容各種瀏覽器

jQuery的優(yōu)點(diǎn)：

????容易上手

????強(qiáng)大的選擇器

????解決瀏覽器的兼容

????完善的時(shí)間機(jī)制

????出色的Ajax封裝

????豐富的UI

jQery的特性：

????鏈?zhǔn)讲僮?br />

????回調(diào)函數(shù)

????迭代器

????延遲對象

????隊(duì)列

????。。。