JQuery的read函數(shù)與js的onload不同方式實(shí)現(xiàn)

更新時(shí)間：2013年03月18日 15:04:16 作者：

JQuery的read函數(shù)與js的onload，想必大家對(duì)這兩個(gè)方法都有所熟悉吧，接下來(lái)介紹一個(gè)實(shí)例用以上兩種方法各自實(shí)現(xiàn)，感興趣的你可不要錯(cuò)過(guò)了哈，希望可以幫助到你

js的onload實(shí)現(xiàn):

復(fù)制代碼代碼如下:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>js的onload方法的使用</title> 
<script type="text/javascript"> 
window.onload=function(){ 
var myLinks = document.getElementsByTagName("a"); 
for(var i=0 ; i<myLinks.length; i++){ 
myLinks[i].onclick=function(){ 
alert("鏈接了"); 
} 
} 
} 
</script> 
</head> 
<body> 
<h1>js的onload方法的使用</h1> 
<a href="#">鏈接1</a><br/> 
<a href="#">鏈接2</a><br/> 
<a href="#">鏈接3</a><br/> 
<a href="#">鏈接4</a><br/> 
<a href="#">鏈接5</a><br/> 
<a href="#">鏈接6</a><br/> 
</body> 
</html> 

jquery的ready方法的實(shí)現(xiàn)：

復(fù)制代碼代碼如下:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>ready方法的使用2</title> 
<script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("a").click(function(){ 
alert("鏈接了!"); 
}); 
}); 
</script> 
</head> 
<body> 
<h1>ready方法的使用2</h1> 
<a href="#">鏈接1</a><br/> 
<a href="#">鏈接2</a><br/> 
<a href="#">鏈接3</a><br/> 
<a href="#">鏈接4</a><br/> 
<a href="#">鏈接5</a><br/> 
<a href="#">鏈接6</a><br/> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

鋒利的jQuery 要點(diǎn)歸納（一） jQuery選擇器
鋒利的jQuery 要點(diǎn)歸納（一） jQuery選擇器，學(xué)習(xí)jquery的朋友可以參考下。
2010-03-03
jquery彩色投票進(jìn)度條簡(jiǎn)單實(shí)例演示
這篇文章向大家推薦了一個(gè)jquery彩色投票進(jìn)度條簡(jiǎn)單實(shí)例演示，詳細(xì)介紹了如何制作進(jìn)度條的步驟，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-11-11
jquery教程限制文本框只能輸入數(shù)字和小數(shù)點(diǎn)示例分享
這篇文章主要介紹了JQuery限制文本框只能輸入數(shù)字和小數(shù)點(diǎn)的方法，大家參考使用吧
2014-01-01
Jquery為單選框checkbox綁定單擊click事件
有些時(shí)候可能需要用到腳本為一些窗體綁定事件:比如Jquery為單選框checkbox綁定單擊事件,本人搜索整理一些常用技巧，需要了解的朋友可以參考下
2012-12-12
詳解easyui基于 layui.laydate日期擴(kuò)展組件
這篇文章主要介紹了詳解easyui基于 layui.laydate日期擴(kuò)展組件，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07
vue登錄頁(yè)面cookie的使用及頁(yè)面跳轉(zhuǎn)代碼
這篇文章主要介紹了vue登錄頁(yè)面cookie的使用及頁(yè)面跳轉(zhuǎn)代碼功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-07-07
jQuery實(shí)現(xiàn)的3D版圖片輪播示例【滑動(dòng)輪播】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的3D版圖片輪播,涉及jQuery針對(duì)頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-01-01
jQuery實(shí)現(xiàn)大圖輪播
本文主要分享了jQuery實(shí)現(xiàn)大圖輪播的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
jQuery實(shí)現(xiàn)下拉加載功能實(shí)例代碼
本文通過(guò)一段實(shí)例代碼給大家介紹jquery實(shí)現(xiàn)下拉加載功能，代碼簡(jiǎn)單易懂，需要的朋友參考下吧
2016-04-04
jQuery ajax的功能實(shí)現(xiàn)方法詳解
jQuery的ajax方法非常好用，這么好的東西，你想擁有一個(gè)屬于自己的ajax么？接下來(lái)，我們來(lái)自己做一個(gè)簡(jiǎn)單的ajax吧
2017-01-01