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