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