一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

jQuery入門 構(gòu)造函數(shù)

JQuery優(yōu)點(diǎn)
◦體積小(v1.2.3 15kb)
◦豐富的DOM選擇器(CSS1-3 + XPath) ◦跨瀏覽器(IE6,FF,Safari,Opera)
◦鏈?zhǔn)酱a
◦強(qiáng)大的事件、樣式支持
◦強(qiáng)大的AJAX功能
◦易于擴(kuò)展,插件豐富
jQuery的構(gòu)造函數(shù)接收四種類型的參數(shù):
jQuery(expression,context)
jQuery(html)
jQuery(elements)
jQuery(fn)
第一種根據(jù)表達(dá)式(ID,DOM元素名,CSS表達(dá)式,XPath表達(dá)式)找出文檔中的元素,并組裝成一個(gè)jQuery對(duì)象返回。
DEMO:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
將以下jQuery代碼加入文末的腳本塊中:
jQuery("ul>li:first").addClass("selected");
頁(yè)面運(yùn)行效果如下:

其中jQuery()可替換為快捷方式$(),如果$被其它對(duì)象占用,可使用jQuery.noConflict()函數(shù)取消快捷方式。
"ul>li:first" 中ul>li表示所有位于ul下的li元素(為CSS表達(dá)式,XPath方式可用ul/li),:first表示其中的第一個(gè)。 addClass()為jQuery對(duì)象用來(lái)添加CSS樣式類的函數(shù),相反的函數(shù)為removeClass()。
再加入以下代碼:
$('ul').append($('<li>new item</li>'));
運(yùn)行效果如下:

其中$('<li>new item</li>')將其中的字符串轉(zhuǎn)換為DOM對(duì)象,然后通過(guò)append()函數(shù)加入ul對(duì)象的最后。
接下來(lái):
$(document).ready(function(){
$('ul').css('color','red');
});
則效果如:

jQuery構(gòu)造函數(shù)中還可以真接傳入DOM對(duì)象,如document,或jQuery對(duì)象(當(dāng)然就沒(méi)什么意義)。ready()函數(shù)為document添加事件處理函數(shù),將ul的顏色設(shè)為紅色。
$(document).ready()由于應(yīng)用場(chǎng)景眾多,所以可以直接用$(fn)來(lái)代替,fn表示處理函數(shù)。(ready處理函數(shù)貌似在文檔內(nèi)容載入完成后執(zhí)行,無(wú)需等待相關(guān)其它圖片等資源載入完成,所以比load事件要更早執(zhí)行,對(duì)于這點(diǎn),沒(méi)有具體證實(shí))
$(function(){
alert('welcome to jQuery');
});
以上代碼的效果是頁(yè)面一載入,就彈出一個(gè)對(duì)話框。
reference:
http://docs.jquery.com/Core
http://docs.jquery.com/Selectors

JavaScript技術(shù)jQuery入門 構(gòu)造函數(shù),轉(zhuǎn)載需保留來(lái)源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 色综合国产 | 婷婷五月在线视频 | 加勒比一区在线 | 69国产成人精品午夜福中文 | 又黄又爽的男女视频 | 欧美三级网址 | 亚洲精品高清国产一久久 | 欧美中文小说在线观看 | 精品无人区一区二区三区 | 91短视频版在线观看免费 | 在线观看国产黄色 | 美女免费精品视频在线观看 | 涩五月婷婷 | 国产一久久香蕉国产线看观看 | 久久久久亚洲 | 成人国产在线24小时播放视频 | 日韩久草 | 91香蕉国产亚洲一区二区三区 | 91九色麻豆 | 国产亚洲视频在线播放大全 | 夜色资源站www国产在线资源 | 亚洲一区在线观看视频 | 欧美一区二区自偷自拍视频 | 最新福利小视频在线播放 | 99国产精品免费视频观看 | 91视频国内| 四虎免费永久在线播放 | 久久久久久久国产精品 | 国产精品国内免费一区二区三区 | 国产福利精品视频 | 性做久久久久久网站 | 91啦国产 | 色偷偷尼玛图亚洲综合 | 99国产精品视频免费观看 | 真实国产乱子伦在线观看 | 久久国产乱子伦精品免费看 | 欧美成人精品第一区二区三区 | 久久久久久久91精品免费观看 | g0g0亚洲大胆肉体艺术 | 日本熟hd | 日本在线视频网址 |