程式**
$(document).ready(function());
1，demo1:
程式**
$("p").click(function());
2,demo2:
增加 css class
另外乙個事情就是，乙個共同的任務：增加或移除元素的css class，例如:
程式**
$("a").addclass("test");
$("a").removeclass("test");
那麼當你呼叫了addclass函式後，所有超連結的字型將變成粗體。
使用jquery的一般步驟：
1,首先把jq匯入.
2,然後開始寫函式了。$(document).ready(function(){});
3,獲取標籤能直接 $("標籤")。給標籤新增onclick事件直接可以 click.
4,核心**:
$("#head").click(function());
5,功能:通過單擊id為control的元素改變id為box元素的樣式
知識點:addclass()新增樣式
3,demo3:
show( )和html()的使用
$("a").addclass("test").show().html("foo");
程式解釋：
首先增加test樣式，
然後show( ):顯示隱藏的匹配元素。
接著html("foo"):設定每乙個匹配元素的html內容
4，demo4:
特效hide（）
$("a").click(function());
程式解釋：
點選超連結，超連結就會慢慢的消失。
「return false"表示保留預設行為，因此頁面不會跳轉。
5，demo5:
demo5-收縮展開功能
$("#head").click(function()
);});
程式解釋：
1,首先把jq匯入.
2,然後開始寫函式了。$(document).ready(function(){});
3,前面說過了，獲取標籤能直接 $("標籤")。給標籤新增 onclick事件直接可以 click.
4,核心**:
$("head").click(function());
5,slidetoggle(speed, callback)
通過高度變化來切換所有匹配元素的可見性，並在切換完成後可選地觸發乙個**函式。
這個動畫效果只調整元素的高度，可以使匹配的元素以「滑動」的方式隱藏或顯示。
6,demo6:
$('.btn1').click(function());
程式解釋：
定義和用法
7, demo7:
**隔行變色, 滑鼠滑過變色，點選變色.
// 滑鼠經過$('.list li').mouseover(function());
// 滑鼠移開
$('.list li').mouseout(function());
// 隔行變色
$('.list li:even').addclass('lightblue');
// 點選變色
$('.list li').click(function());
**解釋：
例子中用了：mouseover（），addclass（），mouseout（），removeclass（），click（），
toggleclass（），tr:even 等方法。
8，demo8:
toggle( )的用法：
$("tittle").toggle(function(),function());
切換元素的可見狀態。
如果元素是可見的，切換為隱藏的；如果元素是隱藏的，切換為可見的。
9，demo9:
hover()的用法：
hover(function over ,function out )
乙個模仿懸停事件（滑鼠移動到乙個物件上面及移出這個物件）的方法.
table裡也可以用。
$(document).ready(function() ,
function
() );
});
10,demo10:
忘記說了
其實$(document).ready(function());
中的$
也可以用
jquery
代替jquery(document).ready(function())
代替有什麼好處呢？ 有可能你會用其他的js
庫，象prototype
也是$,
有可能會衝突。
所以用jquery代替$
是比較安全的寫法。
還有就是：
$(document).ready(function()); 的縮寫法：
$(function
() );
11，demo11:
each—find的用法:
html**：
<ul id
="orderedlist"
>
<
li>a
li>
<
li>b
li>
<
li>d
li>
<
li>e
li>
<
li>f
li>
<
li>g
li>
<
li>h
li>
ul>
<
ul id
="ordered"
>
<
li>a
li>
<
li>b
li>
<
li>d
li>
<
li>e
li>
<
li>f
li>
<
li>g
li>
<
li>h
li>
ul>
js**：
$('#ordered').find('li').each(function(i));
each() 方法規定為每個匹配元素規定執行的函式。
12,demo12:
jquery parent() 方法
parent() 方法返回被選元素的直接父元素。
該方法只會向上一級對 dom 樹進行遍歷。
//$('.list').find('span').parent('p').css(); //設定多個 css 屬性/值對
$('.list').find('span').parent('p').css('color','red'); //
返回第乙個匹配元素的 css 屬性值。
jquery parents() 方法
parents() 方法返回被選元素的所有祖先元素，它一路向上直到文件的根元素 ()。您也可以使用可選引數來過濾對祖先元素的搜尋。如下：
$('.list').find('span').parents('ul').css('color','red'); JQuery學習筆記（一）
mydiv 選擇文件裡id為 mydiv 的指定元素物件。mycss 選擇文件裡樣式名為 mycss 的指定元素物件。mydiv p 在給定的祖先元素下匹配所有的後代元素。mydiv p 在給定的父元素下匹配所有的子元素。選取所有元素。div p 匹配所有緊接在 div 元素後的 第乙個同輩p 元素...
jQuery學習筆記（一）
最近在寫乙個b2c 寫到越後面越發吃力，主要是前端js部分，雖然在專案中也是用jquery，但是，僅憑查閱文件，雖然解決了一些問題，但並沒有實質性的理解。因此，準備暫且來系統地學習一些jquery，以便能有更深刻的理解，從而能夠減輕後續的專案開發。一 jquery物件和dom物件的相互轉換 jque...
jQuery學習筆記（一）
ul li 後代選擇器 ul li 兒子選擇器 ul,p 並列選擇器 p ul 相當於next p ul 相當於siblings，注意這裡只選擇p後面的ul 通用選擇器 id id選擇器 class 類選擇器 p 元素選擇器 ul title 帶title屬性的ul ul title abc tit...