JQuery核心函數(shù)是什么及使用方法介紹
更新時間：2016年05月03日 11:19:02 作者：HiveDark
這篇文章主要為大家詳細介紹了JQuery核心函數(shù)是什么，及使用方法介紹，感興趣的小伙伴們可以參考一下
jquery對于一個程序員來說，或多或少都聽過。相信很多人在項目中也都用過?，F(xiàn)在也有很多開源的庫都是依賴于jQuery，因此熟悉jQuery還是很有必要的。使用熟練的大神可以簡單看看，對于小白來說還是純純的干貨。熟悉jQuery還是先從核心函數(shù)入手比較好，后面其他的功能都是在此核心函數(shù)的基礎上擴展的。
jQuery 核心函數(shù) jQuery(expression, [context])
jQuery(html, [ownerDocument])
jQuery(html, props)
jQuery(elements)
jQuery()
jQuery(callback)
測試用例
以下是通過代碼的方式測試上述jQuery核心函數(shù)，供不明白的朋友們參考：
<!DOCTYPE html>
<html>
<head>
<title>JQueryTets</title>
<script type="text/javascript" src="./js/jquery.min.js"></script>
</head>
<body>
<!--
測試jQuery環(huán)境是否OK
使用$(function(){js代碼});表示網(wǎng)頁在加載的過程中執(zhí)行
下面存在多個以上函數(shù)，在網(wǎng)頁加載的過程中會分別彈出"jquery.min.js ready!"和"auto load..."
即：一個網(wǎng)頁中可以出現(xiàn)多個$(function(){js代碼}); 它們在網(wǎng)頁加載的過程中會按照先后出現(xiàn)的順序執(zhí)行
-->
<script type="text/javascript">
$(function(){
// alert("jquery.min.js ready!");
});
$(function(){
// alert("auto load...");
});
</script>
jQuery核心函數(shù)：
<!--
jQuery核心函數(shù)之一jQuery(expression, [context])
-->
<!--1.第一種情形-->
<div>
<p id="h1">id為h1的p標簽</p>
<p>p標簽</p>
</div>
<script type="text/javascript">
//獲取div下的p標簽節(jié)點
var plist = $("div > p");
// alert(plist.size()); //輸出結(jié)果是2 即是上面的div內(nèi)存在兩個p標簽 可以使用size()函數(shù)查看集合元素的個數(shù)
var div_p = $("div p");
// alert(div_p.get(0)); //效果同上，可以使用get(index)獲取集合中指定的元素(注意不是對象)，index為集合元素的下標
</script>
<!--1.第二種情形-->
<form>
<input id="text" type="text" value="this is text"></input><br>
<input type="radio" name="city">安徽</input>
<input type="radio" name="city">北京</input>
<input type="radio" name="city">上海</input>
<input type="radio" name="city">廣東</input>
</form>
<script type="text/javascript">
var pInForm = $("input:radio",document.forms[0]); //獲取form表單中的radio標簽
var tInForm = $("input:text",document.forms[0]); //獲取form表單中的text標簽
var ahInputNode = tInForm.get(0); //獲取form表單中的第一個text元素
// alert(pInForm.size()); // 輸出結(jié)果是4
// alert(ahInputNode.value); // 輸出結(jié)果是 this is text
// alert($("#text").val()); // 輸出結(jié)果是 this is text 但是需要注意與上一個的區(qū)別
</script>
<hr>
<!--
jQuery核心函數(shù)之二jQuery(html, [ownerDocument])
-->
<div id="hx2"></div>
<script type="text/javascript">
$("<font color='red'>這是動態(tài)添加的font標簽</font>").appendTo("#hx2"); //動態(tài)的在上面id為hx2的div里添加font標簽
</script>
<hr>
<!--
jQuery核心函數(shù)之三jQuery(html, props)
-->
<div id="hx3"></div>
<script type="text/javascript">
$("<div>",{
text:"click me",
click:function(){
alert("click!")
}
}).appendTo("#hx3"); //動態(tài)的創(chuàng)建div標簽 并添加相應的屬性和響應事件
</script>
<br>
<!--
jQuery核心函數(shù)之四jQuery(elements)
-->
<div id="hx4">jQuery核心函數(shù)之四jQuery(elements)</div>
<div id="hx4d" onclick="hided()">點一下就會隱藏</div>
<script type="text/javascript">
$("#hx4").css("background-color","gray"); //給id為hx4的div添加樣式，設背景色為灰色
function hided()
{
$("#hx4d").hide(); //隱藏id為hx4d的div標簽
}
</script>
<!--
jQuery核心函數(shù)之五jQuery()
返回一個空的jQuery對象。
jQuery 1.4中，如果不提供任何參數(shù)，則返回一個空jQuery對象。在先前版本中，這會返回一個包含document節(jié)點的對象。
-->
<script type="text/javascript">
var jQueryObj = $();
// alert(jQueryObj.size()); //結(jié)果為0 也就是返回的是一個空對象
</script>
<!--
jQuery核心函數(shù)之六jQuery(callback)
$(document).ready()的簡寫。
允許你綁定一個在DOM文檔載入完成后執(zhí)行的函數(shù)。這個函數(shù)的作用如同$(document).ready()一樣，只不過用這個函數(shù)時，需要把頁面中所有需要在 DOM 加載完成時執(zhí)行的$()操作符都包裝到其中來。從技術上來說，這個函數(shù)是可鏈接的－－但真正以這種方式鏈接的情況并不多。
-->
<script type="text/javascript">
$(function(){
// alert("jQuery核心函數(shù)之六jQuery(callback)");
});
</script>
</body>
</html>
運行結(jié)果：
以上就是介紹的jQuery的核心函數(shù)模塊，希望對大家的學習有所幫助。
相關文章
最近要實現(xiàn)在web頁面上導出excel文件的功能，下面是具體的實現(xiàn)方法及思路2013-04-04
下面小編就為大家?guī)硪黄狫query跨域獲得Json的簡單實例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
判斷checkbox是否選中的方法有很多，不過都是大同小異，下面為大家介紹下使用jquery是如何做到的，下面有個不錯的示例，感興趣的朋友可以參考下2013-12-12
將一個表單序列化為一個對象的方法有很多，感興趣的朋友可以了解下本文所介紹的這個，希望對大家有所幫助2013-12-12
這篇文章主要為大家詳細介紹了使用jquery庫實現(xiàn)電梯導航效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
網(wǎng)頁下載文件期間如何防止用戶對網(wǎng)頁進行其他操作
網(wǎng)頁下載文件時需要一段時間，在這期間如何防止用戶對網(wǎng)頁進行其他操作，將div覆蓋在網(wǎng)頁上，將網(wǎng)頁鎖住，具體實現(xiàn)如下2014-06-06
今天我們要在ASP.NET中用jQuery.Jcrop插件實現(xiàn)圖片的選取功能，你想選取美女的哪個部位你說了算，我就管不著了2011-11-11
去年的時候剛接觸Jquery，也就做界面特效用了下，對其很有興趣，迫于現(xiàn)在項目中不怎么用，對其甚是想念呀，這不沒抽點時間再來看看Juery中好玩的東西。2011-09-09
Jquery選擇子控件"大于號"和" "區(qū)別介紹及使用示例
Jquery選擇子控件”>“：在給定的父元素下匹配所有的子元素；另一個就是在給定的祖先元素下匹配所有的后代元素，具體概述及使用示例如下，感興趣的朋友可以參考下哈2013-06-06
這篇文章主要介紹了jQuery實現(xiàn)延遲跳轉(zhuǎn)的方法,涉及jQuery中setTimeout方法延遲觸發(fā)的使用技巧,需要的朋友可以參考下2015-06-06