jquery on 的用法

.on()方法事件處理程序到當(dāng)前選定的jQuery對(duì)象中的元素。

10年積累的成都網(wǎng)站建設(shè)、網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有赤坎免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

.on( events [, selector ] [, data ], handler(eventObject) )

events：類(lèi)型: String

一個(gè)或多個(gè)空格分隔的事件類(lèi)型和可選的命名空間，或僅僅是命名空間，比如"click", "keydown.myPlugin", 或者 ".myPlugin"。

selector：類(lèi)型: String

一個(gè)選擇器字符串，用于過(guò)濾出被選中的元素中能觸發(fā)事件的后代元素。如果選擇器是 null 或者忽略了該選擇器，那么被選中的元素總是能觸發(fā)事件。

data：類(lèi)型: Anything

當(dāng)一個(gè)事件被觸發(fā)時(shí)，要傳遞給事件處理函數(shù)的event.data。

handler(eventObject)：類(lèi)型: Function()

事件被觸發(fā)時(shí)，執(zhí)行的函數(shù)。若該函數(shù)只是要執(zhí)行return false的話，那么該參數(shù)位置可以直接簡(jiǎn)寫(xiě)成 false。

jQuery層次選擇器用法示例

本文實(shí)例講述了jQuery層次選擇器用法。分享給大家供大家參考，具體如下：

!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

""

html

xmlns=""

head

meta

http-equiv="Content-Type"

content="text/html;

charset=utf-8"

/

title2-5/title

!--

引入jQuery

--

script

src="js/jquery-1.10.1.min.js"

type="text/javascript"/script

script

src="js/assist.js"

type="text/javascript"/script

link

rel="stylesheet"

type="text/css"

href="css/style.css"

/

script

type="text/javascript"

$(document).ready(function(){

//選擇

body內(nèi)的所有div元素.

$('#btn1').click(function(){

$('body

div').css("background","#bbffaa");

})

//在body內(nèi)的選擇

元素名是div

的子元素.

$('#btn2').click(function(){

$('body

div').css("background","#bbffaa");

})

//選擇

所有class為one

的下一個(gè)div元素.

$('#btn3').click(function(){

$('.one

+

div').css("background","#bbffaa");

})

//選擇

id為two的元素后面的所有div兄弟元素.

$('#btn4').click(function(){

$('#two

~

div').css("background","#bbffaa");

})

});

/script

/head

body

h3層次選擇器./h3

button

id="reset"手動(dòng)重置頁(yè)面元素/button

input

type="checkbox"

id="isreset"

checked="checked"/

label

for="isreset"點(diǎn)擊下列按鈕時(shí)先自動(dòng)重置頁(yè)面/label

br

/

br

/

input

type="button"

value="選擇

body內(nèi)的所有div元素."

id="btn1"/

input

type="button"

value="在body內(nèi),選擇子元素是div的。"

id="btn2"/

input

type="button"

value="選擇

所有class為one

的下一個(gè)div元素."

id="btn3"/

input

type="button"

value="選擇

id為two的元素后面的所有div兄弟元素."

id="btn4"/

br

/

br

/

!--

測(cè)試的元素

--

div

class="one"

id="one"

id為one,class為one的div

div

class="mini"class為mini/div

/div

div

class="one"

id="two"

title="test"

id為two,class為one,title為test的div.

div

class="mini"

title="other"class為mini,title為other/div

div

class="mini"

title="test"class為mini,title為test/div

/div

div

class="one"

div

class="mini"class為mini/div

div

class="mini"class為mini/div

div

class="mini"class為mini/div

div

class="mini"/div

/div

div

class="one"

div

class="mini"class為mini/div

div

class="mini"class為mini/div

div

class="mini"class為mini/div

div

class="mini"

title="tesst"class為mini,title為tesst/div

/div

div

style="display:none;"

class="none"style的display為"none"的div/div

div

class="hide"class為"hide"的div/div

div

包含input的type為"hidden"的div

input

type="hidden"

size="8"/

/div

span

id="mover"正在執(zhí)行動(dòng)畫(huà)的span元素./span

/body

/html

效果圖：

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《jquery選擇器用法總結(jié)》、《jQuery操作DOM節(jié)點(diǎn)方法總結(jié)》、《jQuery頁(yè)面元素操作技巧匯總》、《jQuery常見(jiàn)事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》及《jQuery常見(jiàn)經(jīng)典特效匯總》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

jquery 怎么定義數(shù)組，再怎么把值一個(gè)個(gè)添加到數(shù)組中，再怎么取出其中值

創(chuàng)建數(shù)組使用 new Array（）方法。

創(chuàng)建數(shù)組并賦值,簡(jiǎn)便寫(xiě)法如下：

var temp = ['java', 'php', 'c++', 'c#', 'perl', 'vb', 'html', 'css'];

1、創(chuàng)建一個(gè)變量名為temp的數(shù)組；

2、為數(shù)組賦值，數(shù)組下標(biāo)是從0開(kāi)始，所以從0依次存儲(chǔ)；

3、從數(shù)組中取出值，通過(guò)for循環(huán)，依次取出。

4.代碼如下：

var temp = new Array（）;

temp[0] = "hello";

temp[1] = "my";

temp[1] = "friend";

for(var i = 0; i temp.length; i++){

alert(temp[i]);

}

jQuery 的is用法

jQuery 遍歷 - is() 方法

定義和用法

is() 根據(jù)選擇器、元素或 jQuery 對(duì)象來(lái)檢測(cè)匹配元素集合，如果這些元素中至少有一個(gè)元素匹配給定的參數(shù)，則返回 true。

語(yǔ)法

.is(selector)

詳細(xì)說(shuō)明

與其他篩選方法不同，.is() 不創(chuàng)建新的 jQuery 對(duì)象。相反，它允許我們?cè)诓恍薷?jQuery 對(duì)象內(nèi)容的情況下對(duì)其進(jìn)行檢測(cè)。這在 callback 內(nèi)部通常比較有用，比如事件處理程序。

假設(shè)我們有一個(gè)列表，其中兩個(gè)項(xiàng)目包含子元素：

ul

lilist?strongitem?1/strong/li

lispanlist?item?2/span/li

lilist?item?3/li

/ul

您可以向 ul 元素添加 click 處理程序，然后把代碼限制為只有當(dāng)列表項(xiàng)本身，而非子元素，被點(diǎn)擊時(shí)才進(jìn)行觸發(fā)：

$("ul").click(function(event)?{

var?$target?=?$(event.target);

if?(?$target.is("li")?)?{

$target.css("background-color",?"red");

}

});

分享標(biāo)題：jquery用法,jquery的使用方法
文章源于：http://chinadenli.net/article47/dsshdej.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、軟件開(kāi)發(fā)、面包屑導(dǎo)航、標(biāo)簽優(yōu)化、網(wǎng)站內(nèi)鏈、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)