MDA/MDD/TDD/DDD/DDDDDDD
posts - 536, comments - 111, trackbacks - 0, articles - 0
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

jquery笔记

Posted on 2008-04-28 15:58 leekiang 阅读(1089) 评论(0)  编辑  收藏 所属分类: jquery(进去而已)

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


       


只有注册用户登录后才能发表评论。


网站导航: