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...