學(xué)習(xí)jquery第一個(gè)課:query核心函數(shù)$()選擇器.$是jquery最重要的選擇器,本節(jié)講核心函數(shù)也就是$,下面講一下jquery中$的詳細(xì)內(nèi)容:
$()選擇器,顧名思義,就是要選出頁面文檔中的對(duì)象。要對(duì)$()充分了解,肯定要舉例,下面列了一個(gè)html文件代碼作為例子。
code:
<!doctype html public -//w3c//dtd html 4.0 transitional//en>
<html>
<head>
<title></title>
<script language=javascript src=jquery-1.4.2.min.js></script><!--引入jquery框架,目前jquery-1.4.2.min.js是最高版本-->
<script language=javascript><!--javascript代碼區(qū)--></script>
</head>
<body>
<div id=foraspcn><p>網(wǎng)站制作學(xué)習(xí)網(wǎng)</p></div>
<p>jquery第一課,jquery核心函數(shù)$選擇符</p>
<form action= method=get name=form1>
<p>form1</p>
</form>
<form action= method=get name=form2>
<p>form2</p>
</form>
</body>
<html>
1.$(選擇表達(dá)式(條件),匹配條件).選擇表達(dá)式(條件)是必須的,匹配條件是可選的。
舉例說明(將下面的代碼放到j(luò)avascript代碼區(qū)):
$(p); 表示:選出所有的p,結(jié)果:<p>網(wǎng)站制作學(xué)習(xí)網(wǎng)</p>,<p>jquery第一課,jquery核心函數(shù)$選擇符</p>,<p>form1</p>,<p>form2</p>四個(gè)匹配
$(div > p);表示:選出所有div下的p。結(jié)果:<p>網(wǎng)站制作學(xué)習(xí)網(wǎng)</p>.>是條件符,在以后會(huì)有一節(jié)專門講條件符
$(p,$(form)[0]);表示:選出form1下的p,結(jié)果:<p>form1</p>
2.$(html代碼,所在文檔)。意思是創(chuàng)建html內(nèi)容對(duì)象,html代碼是必須的,后面的所在文檔是可選的,如果沒有則表示當(dāng)前文檔,這里的可選所在文檔不是很理解
舉例:
$(<p>這是個(gè)新的段落</p>).appendto($(body));這是創(chuàng)建一個(gè)新段落<p>這是個(gè)新的段落</p>放到body的最后。
$(<p>這是個(gè)新的段落</p>,document).appendto($(body));跟上面的效果一樣的。
特殊說明:創(chuàng)建一個(gè) <input> 元素必須同時(shí)設(shè)定 type 屬性。因?yàn)槲④浺?guī)定 <input> 元素的 type 只能寫一次,
$(<input>).attr(type, text);//這樣在ie下無效
$(<input type=\text\>);這樣在ie下有效
3.$(對(duì)象,屬性,事件或者方法);根據(jù)提供的原始 html 標(biāo)記字符串,動(dòng)態(tài)創(chuàng)建由 jquery 對(duì)象包裝的 dom 元素。同時(shí)設(shè)置一系列的屬性、事件等。
舉例:
$(<input>,{type:button,value:點(diǎn)擊,click:function(){$(form)[0].submit();}}).appendto($(form)[0]);表示在form1下添加一個(gè)為點(diǎn)擊的按鈕,點(diǎn)擊后form1提交。
4.$(參數(shù));參數(shù)可以為元素對(duì)象,也可以為數(shù)組。
舉例:
$(document.body).css( background, black );將頁面背景設(shè)置為黑色。
$($(p)).hiden();將所有p元素對(duì)象全部隱藏
5.$(函數(shù));這個(gè)是$(document).ready()的縮寫形式,表示當(dāng)頁面完全打開ac時(shí)運(yùn)行函數(shù)
舉例
$(function(){alert('開始運(yùn)行程序!');}); 當(dāng)頁面加載成功,則彈出開始運(yùn)行程序。
以上就是jquery的核心函數(shù)$(),在jquery開發(fā)中非常重要,也經(jīng)常使用。