MDA/MDD/TDD/DDD/DDDDDDD
          posts - 536, comments - 111, trackbacks - 0, articles - 0
            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理

          jquery筆記

          Posted on 2008-04-28 15:58 leekiang 閱讀(1171) 評論(0)  編輯  收藏 所屬分類: jquery(進(jìn)去而已)

          1,js的事件函數(shù). click(); click(fn);
          ? 分兩種,一種是綁定事件,帶參,形如eventName(fn);
          ? 一種是觸發(fā)事件,不帶參,形如eventName(),客戶觸發(fā)或者程序模擬觸發(fā)。
          ? 觸發(fā)時包括了瀏覽器的默認(rèn)行為。
          ? 但可以通過在某個綁定的函數(shù)中返回false來防止觸發(fā)瀏覽器的默認(rèn)行為。
          ? 在eventName(fn)的函數(shù)體內(nèi),this 指代的是DOM對象而非jQuery對象.可用$(this)得到j(luò)query對象
          ?
          2,each(fn);
          ? 返回 'false' 將停止循環(huán) (就像在普通的循環(huán)中使用 'break')。
          ? 返回 'true' 跳至下一個循環(huán)(就像在普通的循環(huán)中使用'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] 匹配給定的屬性是以某些值結(jié)尾的元素
          ? [attribute*=value] 匹配給定的屬性是以包含某些值的元素
          ? [selector1][selector2][selectorN] 復(fù)合屬性選擇器,需要同時滿足多個條件時使用。
          ? 例如$("input[id][name$='man']")
          ?
          6,$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})?
          //實現(xiàn)表格的隔行換色效果

          7,$('input').one("click", function(){
          ??????????? alert($(this).val());
          ??????? });
          ? 此事件執(zhí)行一次即被刪除
          ?
          8,$("form input") 匹配所有的后代元素(子子孫孫)
          ?$("form > input")匹配所有的子元素(只有兒子)
          $("div,span,p.myClass")將每一個選擇器匹配到的元素合并后一起返回

          9,disabled的用法
          以下兩種寫法沒有區(qū)別,都表示不可用:
          $("#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構(gòu)造函數(shù)詳解
          http://hi.baidu.com/xletian/blog/item/30810de92776be3bb90e2d69.html

          13,jquery的布局管理器layoutManager

          14, 注意有空格和沒空格的區(qū)別

          var sel = $("#itemList [issel='true']");//itemList下所有含有issel='true'屬性的子孫元素.好像用find等別的方式都實現(xiàn)不了。

          var sel = $("#itemList[issel='true']");//用issel='true'過濾前面的元素

          15,只讀的寫法

          jQuery(":input[name='title']").attr('readonly','readonly')

          或jQuery(":input[name='title']")[0].readOnly=true


          16,重復(fù)復(fù)制同一個div

          var tempDiv=jQuery('.cont').eq(0).clone();
          jQuery('.cont').eq(jQuery('.cont').length-1).after(tempDiv);

          17, id="org.id"時要轉(zhuǎn)義:$("#org\\.id").val();

          18,jQuery的serialize

          可用來獲取表單里元素的值拼成一個query string

          19

          jquery相關(guān)插件或項目
          (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


          ???????

          主站蜘蛛池模板: 金秀| 濮阳市| 司法| 石林| 乌兰县| 江西省| 松桃| 都匀市| 永春县| 中山市| 清原| 九江市| 百色市| 隆德县| 祁门县| 息烽县| 林芝县| 吴江市| 平遥县| 利津县| 南陵县| 西丰县| 大港区| 兴海县| 恩平市| 宜兴市| 康保县| 长武县| 玛曲县| 柳州市| 长宁区| 贡觉县| 桃江县| 灵石县| 建水县| 松潘县| 太保市| 灌云县| 湖北省| 平阳县| 碌曲县|