jQuery基礎(chǔ)語(yǔ)法實(shí)例入門
更新時(shí)間：2014年12月23日 10:40:28 投稿：shichen2014
這篇文章主要介紹了jQuery基礎(chǔ)語(yǔ)法,以實(shí)例形式分析了jQuery的對(duì)象以及針對(duì)對(duì)象進(jìn)行的操作用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery基礎(chǔ)語(yǔ)法。分享給大家供大家參考。具體分析如下：
此語(yǔ)法規(guī)則有兩個(gè)部分組成:獲取jQuery對(duì)象和對(duì)jQuery對(duì)象執(zhí)行的操作。
復(fù)制代碼 代碼如下:
$(selector).action()
下面就對(duì)以上語(yǔ)法規(guī)則進(jìn)行詳細(xì)的闡述：
1.$定義jQuery,將被選的DOM對(duì)象轉(zhuǎn)換成jQuery對(duì)象。
2.selector是選擇器，類似于CSS選擇器。
3.action()是要對(duì)jQuery對(duì)象行的操作。
注: $是jQuery的簡(jiǎn)寫。例如：
復(fù)制代碼 代碼如下:
$("div")
也可以寫成以下方式，不過(guò)我們習(xí)慣上都是上面的寫法。
復(fù)制代碼 代碼如下:
jQuery("div")
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>腳本之家</title>
<style type="text/css">
div{
height:150px;
width:150px;
background-color:green;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").hide();
});
})
</script>
</head>
<body>
<div></div>
<button>點(diǎn)擊隱藏上面方塊</button>
</body>
</html>
以上代碼中，點(diǎn)擊按鈕可以將div隱藏。
希望本文所述對(duì)大家的jquery程序設(shè)計(jì)有所幫助。
相關(guān)文章
Select下拉框的問(wèn)題，想在選擇一個(gè)選項(xiàng)后，前臺(tái)顯示做出變動(dòng)，并且知道選擇的是第幾個(gè)選項(xiàng)。怎么解決這個(gè)問(wèn)題呢？下面小編給大家分享SelecT下拉框選中和取值的解決方法，需要的朋友參考下吧2016-11-11
本文以展開(kāi)圖片和收縮圖片為例為大家介紹下Jquery事件的連接的使用方法，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06
JQuery 實(shí)現(xiàn)在同一頁(yè)面錨點(diǎn)鏈接之間的平滑滾動(dòng)
JQuery 原來(lái)比我想象的要強(qiáng)大的多，本文用 JQuery 實(shí)現(xiàn)錨點(diǎn)鏈接之間的平滑滾動(dòng)，在同一頁(yè)面的錨點(diǎn)鏈接之間實(shí)現(xiàn)平滑的滾動(dòng)2014-10-10
jQuery結(jié)合CSS制作漂亮的select下拉菜單
對(duì)于我來(lái)說(shuō)，標(biāo)準(zhǔn)的HTML元素（Select）已經(jīng)讓我感到討厭。它不能夠正常的在IE瀏覽器上顯示。還有一點(diǎn)就是他并不僅僅包含簡(jiǎn)單的文本。本實(shí)例將完全摒棄select元素，通過(guò)JQuery和CSS來(lái)構(gòu)建DropDown元素。2015-05-05
Jquery進(jìn)度條插件 Progress Bar小問(wèn)題解決
今天遇到一個(gè)進(jìn)度條的小問(wèn)題，搞的我小糾結(jié)了一會(huì)，最后感謝同事分享文章，得以結(jié)局，呵呵，小經(jīng)驗(yàn)還是要保存的2011-07-07
這篇文章主要介紹了jquery的幻燈片圖片切換效果，幻燈片圖片切換效果特別適合做產(chǎn)品演示，感興趣 的小伙伴可以參考下。2015-09-09
JQuery實(shí)現(xiàn)ajax請(qǐng)求的示例和注意事項(xiàng)
今天小編就為大家分享一篇關(guān)于JQuery實(shí)現(xiàn)ajax請(qǐng)求的示例和注意事項(xiàng)，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2018-12-12
jquery模擬picker實(shí)現(xiàn)滑動(dòng)選擇效果
這篇文章主要為大家詳細(xì)介紹了jquery模擬picker實(shí)現(xiàn)滑動(dòng)選擇效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
Tab切換組件（選項(xiàng)卡功能）實(shí)例代碼
這篇文章主要介紹了一個(gè)簡(jiǎn)單的Tab切換組件實(shí)例，大家可以參考使用2013-11-11
這篇文章主要介紹的是自己用jQuery寫了一個(gè)圖片的馬賽克消失效果實(shí)現(xiàn)過(guò)程,需要的朋友可以參考下2014-05-05