1,js的事件函數. click(); click(fn);
? 分兩種,一種是綁定事件,帶參,形如eventName(fn);
? 一種是觸發事件,不帶參,形如eventName(),客戶觸發或者程序模擬觸發。
? 觸發時包括了瀏覽器的默認行為。
? 但可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行為。
? 在eventName(fn)的函數體內,this 指代的是DOM對象而非jQuery對象.可用$(this)得到jquery對象
?
2,each(fn);
? 返回 'false' 將停止循環 (就像在普通的循環中使用 'break')。
? 返回 'true' 跳至下一個循環(就像在普通的循環中使用'continue')。
?
3,attr("checked", true)和attr("checked", '')是同樣的效果,但attr("checked", 'true')不行
4,
操作 radio
var item = $("input[name='items'][checked]").val();
$("input[name='items']").get(1).checked = true;
$("[name='isf'][value='yes']").attr("checked",true);
操作 select
var item = $("select[name='items'] option[selected]").text();
$('#select_id')[0].selectedIndex = 1;
?
5,屬性選擇器
? [attribute]??????? 匹配包含給定屬性的元素
? [attribute=value]? 匹配給定的屬性是某個特定值的元素
? [attribute^=value] 匹配給定的屬性是以某些值開始的元素
? [attribute!=value] 匹配給定的屬性是不包含某個特定值的元素
? [attribute$=value] 匹配給定的屬性是以某些值結尾的元素
? [attribute*=value] 匹配給定的屬性是以包含某些值的元素
? [selector1][selector2][selectorN] 復合屬性選擇器,需要同時滿足多個條件時使用。
? 例如$("input[id][name$='man']")
?
6,$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})?
//實現表格的隔行換色效果
7,$('input').one("click", function(){
??????????? alert($(this).val());
??????? });
? 此事件執行一次即被刪除
?
8,$("form input") 匹配所有的后代元素(子子孫孫)
?$("form > input")匹配所有的子元素(只有兒子)
$("div,span,p.myClass")將每一個選擇器匹配到的元素合并后一起返回
9,disabled的用法
以下兩種寫法沒有區別,都表示不可用:
$("#btn").attr('disabled','false')和$("#btn").attr('disabled','true')
可用的話要用:
$("#btn").removeAttr('disabled');或$("#btn").attr('disabled', false);//注意無引號
10,mouseout的處理
http://tangb4c.yo2.cn/archives/632854
http://www.zhangjingwei.com/show-93-1.html
http://bbs.51js.com/thread-70665-1-1.html
11,jquery處理表格
http://blog.blueshop.com.tw/jeff377/archive/2008/02/01/54237.aspx
http://15daysofjquery.com/examples/zebra/
12 jQuery構造函數詳解
http://hi.baidu.com/xletian/blog/item/30810de92776be3bb90e2d69.html
13,jquery的布局管理器layoutManager
14, 注意有空格和沒空格的區別
var sel = $("#itemList [issel='true']");//itemList下所有含有issel='true'屬性的子孫元素.好像用find等別的方式都實現不了。
var sel = $("#itemList[issel='true']");//用issel='true'過濾前面的元素
15,只讀的寫法
jQuery(":input[name='title']").attr('readonly','readonly')
或jQuery(":input[name='title']")[0].readOnly=true
16,重復復制同一個div
var tempDiv=jQuery('.cont').eq(0).clone();
jQuery('.cont').eq(jQuery('.cont').length-1).after(tempDiv);
17, id="org.id"時要轉義:$("#org\\.id").val();
18,jQuery的serialize
可用來獲取表單里元素的值拼成一個query string
19
jquery相關插件或項目
(1)圖表flot? (http://code.google.com/p/flot/)
?????? jqchart??http://www.reach1to1.com/sandbox/jquery/jqchart/
???? 畫圖drawing???? http://www.openstudio.fr/Library-for-simple-drawing-with.html
???????