JQuery學習筆記

2022-01-30 01:45:39 字數 2853 閱讀 9063

jquery___2013.10.16

1、空格造成的影響

$(『.test  :hidden』).length;  //是選擇class為test的元素中的隱藏子元素

$(『.test:hidden』).length;  //是選擇隱藏的class為test的元素。從後向前讀

2、dom選擇

var p = $(「p」)  //獲取p元素

var li = $(「ul li:eq(1)」)  //獲取ul下面的第二個li的內容。eq從0開始

var title = p.attr(「title」) ; //獲取p中的title值   attr() 方法設定或返回被選元素的屬性值。

var  test = li.text(); //獲取li的內容。

li.attr(「title」,」mytitle」);  設定被選元素的屬性和值。

最快的清除頁面內容:

document.getelementbyid(「div1」).innerhtml = 「」;

prepend() ; 前置

prependto() ; 將a前置到b中。

after() ; 是插入在p元素之後,為兄弟元素

insertafter() ;

before();

insertbefore();

2013.10.17

empty(); 清空頁面元素內容,元素還存在。

jquery實現點選增加一行,可以刪除這行:

$(function()

$(「input[type=button]」).click( function()

var br = $(「

」);var input = $(「」);

var button = $(「」);

button.click(function()

br.remove();

input.remove();

button.remove();

二:$(「ul > li」) 表示ul直接的後代,沒有》表示ul後所有的後代li

轉殖:.clone(true) 表示轉殖的物件具有原有的所有的事件。

替換:$(「p」).replacewith(「baidu」)

後面的替換掉前面的

前面的替換掉後面的

包括:$(「p「).wrap(「baidu」)

是給p元素加了個超連結。

有巢狀元素時是把被包括的內容放在了最裡層。

wrapinner() 把p的文辦放在了最裡面

屬性操作:

attr()獲取,設定屬性

removeattr() 移除屬性

花括號可設定屬性物件:

$(「p」).attr();

獲取屬性:

$(「p」).attr(「hello」);

刪除屬性:

$(「p」).removeattr(「title」);

dojo 框架

操作class:  class屬性可以有多個,用空格隔開

$(「p」).attr(「class」,」high」)

$(「p」).addclass(「.high」);

移除:$(「p」).removeclass(「high」)

$(「p」).removeclass() ; 是移除全部class

兩種樣式的切換:

$(「p」).toggleclass(「another」);

判斷元素是否具有特定樣式:

$(「p」).hasclass(「another」);

是否具有這個選擇器:

$(「p」).is(「.another」);

is:selected  checked 判斷是否被選中

$(「p」).html() 列印出p元素內的內容

$(「p」).text() 是列印出文字內容

$(「p」).val() ;顯示文字

$(「p」).val(「hello 」) ;替換顯示的文字內容

得到焦點:

$(「#username」).focus(function()

var value = $(this).val();

if(value == 『username』)

$(this).val(『』);

失去焦點:

$(「#username」).blur()

取得子節點:

$(「body」).children();

var v3 = $(「ul」).children();

v3[i].innerhtml;

$(「p」).next (); 下面的兄弟節點 

next.show();顯示 show(『slow』), show(『normal), show(『fast』), show(100), 直接設定ms。

$(「p」).prev(); 遍歷上面的兄弟節點

$(「p」).siblings(); 上面的和下面的節點

繫結事件:

停止事件的冒泡:

瀏覽器生成了event物件,

event.stoppropagation();  //停止事件的傳播

var starttime = new date().gettime();

window.onload() 快很多。

hide() 隱藏

繫結滑鼠放上,離開事件:

$(「#panel h5.head」).bind(「mouseover」,function())

$(「#panel h5.head」).bind(「mouseout」,function())

可直接 $(「#panel h5.head」). mouseover

jquery學習筆記

判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...

Jquery 學習筆記

text 和 val 的區別 text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 b a p text 將得到 ba 單行文字不能用text 方法獲得值,必須...

Jquery學習筆記

1.給一組相同的css加事件,要使用bind,live在新的版本已經過期。testcss bind click function e else 未選中 3.改變checkbox選中狀態 mycheckbox prop checked true mycheckbox prop checked fals...