學(xué)習(xí)jquery第一個課：query核心函數(shù)$()選擇器.$是jquery最重要的選擇器，本節(jié)講核心函數(shù)也就是$,下面講一下jquery中$的詳細(xì)內(nèi)容:
$()選擇器，顧名思義，就是要選出頁面文檔中的對象。要對$()充分了解，肯定要舉例，下面列了一個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>"四個匹配
$("div > p");表示:選出所有div下的p。結(jié)果:"<p>網(wǎng)站制作學(xué)習(xí)網(wǎng)</p>".">"是條件符，在以后會有一節(jié)專門講條件符
$("p",$("form")[0]);表示：選出form1下的p，結(jié)果:<p>form1</p>
2.$("html代碼","所在文檔")。意思是創(chuàng)建html內(nèi)容對象，html代碼是必須的，后面的所在文檔是可選的，如果沒有則表示當(dāng)前文檔，這里的可選所在文檔不是很理解
舉例：
$("<p>這是個新的段落</p>").appendTo($("body"));這是創(chuàng)建一個新段落"<p>這是個新的段落</p>"放到body的最后。
$("<p>這是個新的段落</p>",document).appendTo($("body"));跟上面的效果一樣的。
特殊說明:創(chuàng)建一個 <input> 元素必須同時設(shè)定 type 屬性。因?yàn)槲④浺?guī)定 <input> 元素的 type 只能寫一次,
$("<input>").attr("type", "text");//這樣在IE下無效
$("<input type=\"text\">");這樣在IE下有效
3.$("對象","屬性,事件或者方法");根據(jù)提供的原始 HTML 標(biāo)記字符串，動態(tài)創(chuàng)建由 jQuery 對象包裝的 DOM 元素。同時設(shè)置一系列的屬性、事件等。
舉例:
$("<input>",{type:"button",value:"點(diǎn)擊",click:function(){$("form")[0].submit();}}).appendTo($("form")[0]);表示在form1下添加一個為"點(diǎn)擊"的按鈕，點(diǎn)擊后form1提交。
4.$("參數(shù)");參數(shù)可以為元素對象，也可以為數(shù)組。
舉例:
$(document.body).css( "background", "black" );將頁面背景設(shè)置為黑色。
$($("p")).hiden();將所有p元素對象全部隱藏
5.$(函數(shù));這個是$(document).ready()的縮寫形式，表示當(dāng)頁面完全打開ac時運(yùn)行函數(shù)
舉例
$(function(){alert('開始運(yùn)行程序!');}); 當(dāng)頁面加載成功，則彈出開始運(yùn)行程序。
以上就是jquery的核心函數(shù)$(),在jquery開發(fā)中非常重要，也經(jīng)常使用。
更多信息請查看IT技術(shù)專欄
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試