Jquery的基本對象轉(zhuǎn)換和文檔加載用法實(shí)例
更新時(shí)間：2015年02月25日 16:34:46 作者：erix1991
這篇文章主要介紹了Jquery的基本對象轉(zhuǎn)換和文檔加載用法,實(shí)例分析了Jquery的基本對象轉(zhuǎn)換及文檔加載使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了Jquery的基本對象轉(zhuǎ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>New Web Project</title>
<script src="jquery-1.8.3.js" type="text/javascript"></script>
</head>
<body>
<h1>New Web Project Page</h1>
<input type="button" value="aa" id="but"/>
</body>
<script type="text/javascript">
var a = $('#but').val();
document.write(a);
$(document).ready(function(){
alert("第一種文檔加載完成后調(diào)用方式！");
});
$(function(){
alert("第二種文檔加載完成后調(diào)用方式！");
});
$(function(){
var but = $('#but'); //jquery對象
var jsBut = but.get(0); //jquery對象轉(zhuǎn)換為 js對象
jsBut = but[0]; //jquery對象轉(zhuǎn)換為 js對象
but = $(jsBut); //js對象轉(zhuǎn)換為jquery對象
});
</script>
</html>
"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>New Web Project</title>
<script src="jquery-1.8.3.js" type="text/javascript"></script>
</head>
<body>
<h1>New Web Project Page</h1>
<input type="button" value="aa" id="but"/>
</body>
<script type="text/javascript">
var a = $('#but').val();
document.write(a);
$(document).ready(function(){
alert("第一種文檔加載完成后調(diào)用方式！");
});
$(function(){
alert("第二種文檔加載完成后調(diào)用方式！");
});
$(function(){
var but = $('#but'); //jquery對象
var jsBut = but.get(0); //jquery對象轉(zhuǎn)換為 js對象
jsBut = but[0]; //jquery對象轉(zhuǎn)換為 js對象
but = $(jsBut); //js對象轉(zhuǎn)換為jquery對象
});
</script>
</html>
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
boxy基于jquery的彈出層對話框插件擴(kuò)展應(yīng)用 彈出層選擇器
當(dāng)大家進(jìn)行復(fù)雜功能設(shè)計(jì)的時(shí)候，在對多級聯(lián)選擇進(jìn)行設(shè)計(jì)，為了獲得更好的用戶體驗(yàn)和節(jié)省頁面空間，往往會(huì)使用彈出層的方法。2010-11-11
JQuery是一個(gè)非常優(yōu)秀的框架，在特定場合下使用JQuery提交數(shù)據(jù)，相當(dāng)?shù)姆奖憧旖荨?但是，在處理一個(gè)GB2312編碼的網(wǎng)站AJAX提交時(shí)，中文數(shù)據(jù)卻成了亂碼。2010-07-07
jquery checkbox實(shí)現(xiàn)單選小例
checkbox是復(fù)選框如何將其變?yōu)閱芜x呢？下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-11-11
這篇文章主要為大家詳細(xì)介紹了jQuery.deferred對象的使用方法，內(nèi)容很全面，感興趣的小伙伴們可以參考一下2016-03-03
用jquery獲取自定義的標(biāo)簽屬性的值簡單實(shí)例
下面小編就為大家?guī)硪黄胘query獲取自定義的標(biāo)簽屬性的值簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)簡單輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了jQuery源碼解讀之removeAttr()方法分析,較為詳細(xì)的分析了removeAttr方法的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
Jquery實(shí)現(xiàn)動(dòng)態(tài)切換圖片的方法
這篇文章主要介紹了Jquery實(shí)現(xiàn)動(dòng)態(tài)切換圖片的方法,涉及jQuery頁面元素操作及鏈?zhǔn)讲僮鞯南嚓P(guān)技巧,需要的朋友可以參考下2015-05-05
本篇文章主要是對JQUERY中dialog的用法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了jQuery中show與hide方法用法,結(jié)合實(shí)例形式分析了jQuery使用show與hide方法控制頁面元素顯示與隱藏的簡單實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-09-09