1、首先在jquery 中scroll 事件適用于所有可滾動的元素和 window 對象。當用戶滾動指定的元素時,scroll 事件被觸發(fā),代碼如下所示。
創(chuàng)新互聯(lián)建站是一家集網站建設,東烏珠穆沁企業(yè)網站建設,東烏珠穆沁品牌網站建設,網站定制,東烏珠穆沁網站建設報價,網絡營銷,網絡優(yōu)化,東烏珠穆沁網站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網站。
2、運行該代碼,滾動鼠標條,則下面的滾動次數會發(fā)生改變。
3、當調整瀏覽器窗口大小時,resize 事件被觸發(fā)。
4、執(zhí)行代碼,嘗試著放大或縮小窗口,則resize 事件被觸發(fā),記錄窗口大小被改變的次數。
5、當指定的元素已加載時,load 事件被觸發(fā),代碼如下所示。
6、當用戶離開頁面,在地址欄中鍵入新的地址,關閉瀏覽器窗口,重新加載頁面等,unload事件被觸發(fā)。
jquery 判斷當前系統(tǒng)方法:
var isMobile = {
Android: function () {
return navigator.userAgent.match(/Android/i) ? true : false;
},
BlackBerry: function () {
return navigator.userAgent.match(/BlackBerry/i) ? true : false;
},
iOS: function () {
return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
},
Windows: function () {
return navigator.userAgent.match(/IEMobile/i) ? true : false;
},
any: function () {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
}
};
startApp = function () {
if (isMobile.iOS()) {
alert(ios);
}
if (isMobile.Android()) {
alert(android);
}
};
Jquery獲取子元素的方法有2種,分別是children()方法和find()方法。
1.children()方法:獲取該元素下的直接子集元素
2.find()方法:獲取該元素下的所有子集元素
3.children()方法獲取ul下面直接子集元素li:$("ul").children("li")
4.find()方法獲取ul下所有元素li:$("ul").find("li")
5.children和find的區(qū)別:children只會查找直接子集,而find會跨越層級查找,一直找到沒有為止。
jQuery 的 index() 方法返回指定元素相對于其他指定元素的索引值,注意:索引值是從0開始計數的。獲得當前元素的索引值可用click事件觸發(fā)
示例代碼如下:獲取被點擊的a標簽的索引值
1,創(chuàng)建Html元素
2,設置css樣式
3,編寫jquery代碼
4,觀察效果:因為index從0開始計數,所以點擊第三個元素,獲取的索引值是2
擴展資料
jQuery的核心特性:
1,具有獨特的鏈式語法和短小清晰的多功能接口;
2,具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展;
3,擁有便捷的插件擴展機制和豐富的插件。
4,jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
參考資料:jQuery - 百度百科
jquery獲取當前節(jié)點的前一個節(jié)點步驟如下:
1、打開html開發(fā)工具,新建一個html代碼頁面。
2、在html頁面創(chuàng)建三個p標簽,然后給這三個p標簽設置不同的內容。
3、引入jquery庫。在title標簽后面引用下載好的jquery.js文件。
4、?在jquery引用庫標簽后面新建一個script標簽,然后在這個標簽里面添加一個DOM加載完成后執(zhí)行函數。
5、在DOM加載完成后執(zhí)行函數里面添加點擊p標簽時獲取當前元素的上一個元素對象。
6、保存html代碼后使用瀏覽器打開,然后點擊p標簽彈出框就會顯示當前點擊標簽的上一個標簽的內容。
一、如果是同級(兄弟元素)的,如:
ulli class='a'/lili class='a'/li/ul可以
$(".a").click(function(){
var a=$(this).index;
//或者
var a=$('.a').index(this);
}
二、而對于不同級(非兄弟元素),如:
div class='a'/div
divdiv class='a'/div/div
則只能這樣
$(".a").click(function(){
var a=$('.a').index(this);
}
擴展資料:
注意事項
jQuery 擁有若干進行 CSS 操作的方法。
1、addClass() - 向被選元素添加一個或多個類
2、removeClass() - 從被選元素刪除一個或多個類
3、toggleClass() - 對被選元素進行添加/刪除類的切換操作
4、css() - 設置或返回樣式屬性
例如:
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
向不同的元素添加 class 屬性。當然,在添加類時,也可以選取多個元素:
實例:
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});