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