學(xué)習(xí)jquery第一個(gè)課：query核心函數(shù)$()選擇器.$是jquery最重要的選擇器，本節(jié)講核心函數(shù)也就是$,下面講一下jquery中$的詳細(xì)內(nèi)容:
$()選擇器，顧名思義，就是要選出頁(yè)面文檔中的對(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á)式(條件)是必須的,匹配條件是可選的。
舉例說(shuō)明(將下面的代碼放到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é)專(zhuān)門(mén)講條件符
$("p",$("form")[0]);表示：選出form1下的p，結(jié)果:<p>form1</p>
2.$("html代碼","所在文檔")。意思是創(chuàng)建html內(nèi)容對(duì)象，html代碼是必須的，后面的所在文檔是可選的，如果沒(méi)有則表示當(dāng)前文檔，這里的可選所在文檔不是很理解
舉例：
$("<p>這是個(gè)新的段落</p>").appendTo($("body"));這是創(chuàng)建一個(gè)新段落"<p>這是個(gè)新的段落</p>"放到body的最后。
$("<p>這是個(gè)新的段落</p>",document).appendTo($("body"));跟上面的效果一樣的。
特殊說(shuō)明:創(chuàng)建一個(gè) <input> 元素必須同時(shí)設(shè)定 type 屬性。因?yàn)槲④浺?guī)定 <input> 元素的 type 只能寫(xiě)一次,
$("<input>").attr("type", "text");//這樣在IE下無(wú)效
$("<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" );將頁(yè)面背景設(shè)置為黑色。
$($("p")).hiden();將所有p元素對(duì)象全部隱藏
5.$(函數(shù));這個(gè)是$(document).ready()的縮寫(xiě)形式，表示當(dāng)頁(yè)面完全打開(kāi)ac時(shí)運(yùn)行函數(shù)
舉例
$(function(){alert('開(kāi)始運(yùn)行程序!');}); 當(dāng)頁(yè)面加載成功，則彈出開(kāi)始運(yùn)行程序。
以上就是jquery的核心函數(shù)$(),在jquery開(kāi)發(fā)中非常重要，也經(jīng)常使用。
更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄
公考類(lèi)
招聘類(lèi)
各類(lèi)考試
公眾號(hào)
事業(yè)單位
當(dāng)前位置：