這樣:

在盱眙等地區(qū),都構建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供網站建設、做網站 網站設計制作按需制作,公司網站建設,企業(yè)網站建設,成都品牌網站建設,營銷型網站建設,成都外貿網站制作,盱眙網站建設費用合理。
ul class="parent1"
lia href="#" id="item1"jquery獲取父節(jié)點/a/li
lia href="#"jquery獲取父元素/a/li
/ul
擴展資料:
注意事項
parent是指取得一個包含著所有匹配元素的唯一父元素的元素集合。
parents則是取得一個包含著所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通過一個可選的表達式進行篩選。
可以看出parent的取值很明確,就是當前元素的父元素;parents則是當前元素的祖先元素。
div id='div1'
div id='div2'p/p
/divdiv id='div3' class='a'p/p/div
div id='div4'p/p/div
/div
jQuery是JavaScript的框架,jQuery不是什么都可以實現(xiàn)的。獲取系統(tǒng)時間需要用原生JavaScript。
!DOCTYPE?html
html
head
meta?charset="UTF-8"?/
titleHTML5學堂/title
/head
body
div?class="h5course"學習HTML5,到HTML5學堂/div
input?class="h5course-com"?id="h5courseCom"?type="checkbox"?/?
label?for="h5courseCom"HTML5學堂,一個神奇的網站/label
script?type="text/javascript"
var?h5course_com?=?new?Date();
alert('HTML5學堂:'?+?h5course_com.getHours()?+?':'?+?h5course_com.getMinutes()?+?':'?+?h5course_com.getSeconds());?
/script
/body
/html
這個并沒有一個固定的答案,需要根據(jù)項目需求來定(就是你這個項目要兼容哪些平臺,具體的兼容情況是怎么樣的),不同的版本對瀏覽器的支持程度是不一樣的。
jQuery1.x版本的框架時兼容所有IE瀏覽器的,而2.x版本的jQuery框架并不支持低端IE瀏覽器。此處的低端IE瀏覽器指的是IE8版本以及8版本以下。所以,對于需要全兼容的項目,就不得不使用1.x版本啦。
當前3.2.1版本支持情況:
PC端
Chrome: (Current - 1) and Current
Edge: (Current - 1) and Current
Firefox: (Current - 1) and Current
Internet Explorer: 9+
Safari: (Current - 1) and Current
Opera: Current
移動端
Stock browser on Android 4.0+
Safari on iOS 7+
資料來源:
HTML5學堂
做web開發(fā)時常用Jquery中$(document).ready()和JavaScript中的window.onload方法,兩者都是要在頁面加載完成以后加載的方法,但是這兩者還是有很大區(qū)別的。最近遇到了這樣的問題,查詢了多篇文章,做一下總結。
簡單來說,要以用以下張表來表示 :
Jquery的ready()與Javascrpit的load()
window.onload() $(document).ready()
加載時機
必須等待網頁全部加載完畢(包括圖片等),然后再執(zhí)行JS代碼
只需要等待網頁中的DOM結構加載完畢,就能執(zhí)行JS代碼
執(zhí)行次數(shù)
只能執(zhí)行一次,如果第二次,那么第一次的執(zhí)行會被覆蓋
可以執(zhí)行多次,第N次都不會被上一次覆蓋
舉例
以下代碼無法正確執(zhí)行:
window.onload = function() { alert(“text1”);};
window.onload = function() { alert(“text2”);};
結果只輸出第二個
以下代碼正確執(zhí)行:
$(document).ready(function(){alert(“Hello”)});
$(document).ready(function(){alert(“Hello”)});
結果兩次都輸出
簡寫方案 無 $(function () {})
一般情況下window的load()都是用來設置body標簽的onload事件.但onload事件是要在頁面的元素全部加載完了才觸發(fā)的,這也包括頁面上的圖片,以及大的表格數(shù)據(jù)。如果頁面上圖片較多或圖片太大,加載需要較多時間,就會導致頁面無響應,或者用戶做了其它操作了。
而Jeuery中的ready()則是在頁面的dom(節(jié)點)加載完后就可以做相應的操作,而不用等待全部元素加載完成.比如只知道頁面某處有一張圖片,而不一定要等它顯示出來就可以為它綁定點擊方法。
load()一般不建議使用,這里主要講一下( $(selector).ready())。
原理:
在jquery腳本加載的時候,會設置一個isReady的標記,監(jiān)聽DOMContentLoaded事件(這個不是什么瀏覽器都有的,不同瀏覽器,jquery運作方式不一樣).當然遇到調用ready函數(shù)的時候,如果isReady未被設置,那就是說頁面未加載完,就會把要執(zhí)行的函數(shù)用一個數(shù)組緩存起來,當頁面加載完后,再把緩存的函數(shù)一一執(zhí)行.
Jquery中的詳細代碼分析:
ready: function(fn) {// 綁定監(jiān)聽器bindReady();// 如果 DOM 加載完成if ( jQuery.isReady )// 馬上運行此函數(shù)fn.call( document, jQuery );// 否則保存起來else// 把函數(shù)加入緩存數(shù)組中jQuery.readyList.push( function() { return fn.call(this, jQuery); } );return this;
}
當然,jquery對不同的瀏覽器dom加載完成的通知 bindReady()函數(shù)也是不同的
var readyBound = false;function bindReady(){if ( readyBound ) return;
readyBound = true;// Mozilla,opera,webkitnightlies支持DOMContentLoaded事件if ( document.addEventListener !jQuery.browser.opera)// 直接使用事件回調即可document.addEventListener( "DOMContentLoaded", jQuery.ready, false );// 如果是ie并且不是嵌在frame中// 就需要不斷地檢查文檔是否加載完if ( jQuery.browser.msie window == top ) (function(){if (jQuery.isReady) return;try {document.documentElement.doScroll("left");
} catch( error ) {setTimeout( arguments.callee, 0 );return;
}// and execute any waiting functionsjQuery.ready();
})();if ( jQuery.browser.opera )
document.addEventListener( "DOMContentLoaded", function () {if (jQuery.isReady) return;for (var i = 0; i document.styleSheets.length; i++)
if (document.styleSheets[i].disabled) {
setTimeout( arguments.callee, 0 );return;
}// and execute any waiting functionsjQuery.ready();
}, false);if ( jQuery.browser.safari ) {var numStyles;
(function(){if (jQuery.isReady) return;if ( document.readyState != "loaded" document.readyState != "complete" ) {
setTimeout( arguments.callee, 0 );return;
}if ( numStyles === undefined )
numStyles = jQuery("style, link[rel=stylesheet]").length;if ( document.styleSheets.length != numStyles ) {
setTimeout( arguments.callee, 0 );return;
}// and execute any waiting functionsjQuery.ready();
})();
}// A fallback to window.onload, that will always workjQuery.event.add( window, "load", jQuery.ready );
}
}
名稱欄目:jquery學堂,jQuery筆記
網站路徑:http://chinadenli.net/article25/dsedhji.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站制作、外貿網站建設、、用戶體驗、Google、自適應網站
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)