-
使用on(eventName,handler)綁定事件:eventName 事件名稱，常用的有click、tap（手機頁面的點擊）、focusin（獲取焦點）、focusout（失去焦點）、mouseenter（鼠標移入）、mouseleave（鼠標移出）等.ev 數據實際上是Event.Object實例，擁有非常豐富的控制事件處理器的能力。ev.currentTarget永遠指向事件源. 可以使用detach()來解除事件的綁定：$('.J_Target').detach('click'[,clickHandler]);查看全部
-
快速獲取元素的方法:children();parent();first();last();prev();next(). $('.J_Children').children('li')等價于 $('.J_Children').all('li')。all() 方法會將孫節點的 li 也會撈出來，從效率和準確度來說，推薦使用 children() 。查看全部
-
$lis.filter('.css')從li元素集合中過濾出class=css的節點。 filter()還可以接受函數參數: var $html = $lis.filter(function(item){ if($(item).text() === 'html'){ return true; } }); test()方法跟filter()的傳參如出一轍，用于判斷節點是否符合過濾條件.查看全部
-
添加自定義的 data-name 屬性：$btn.attr('data-name','明河'); 將 Object 對象關聯到元素上：可以使用 data() 方法：$dataBtn.data('data-author',{"name":"明河","email":"[email protected]"});查看全部
-
增加屬性：$('.J_Input').attr('disabled',true); 去掉屬性：$('.J_Input').removeAttr('disabled'); 獲取屬性：$('.J_Input').attr('disabled'); // disabled $('.J_Input').prop('disabled'); //true 判斷屬性：$('.J_Input').hasAttr('disabled');查看全部
-
使用 css() 獲取指定的屬性值：$('.J_ChangeBg').css("color"); 使用 addClass() 方法給元素添加上 hover class ：$('.J_ChangeBg').on('mouseover',function(ev){ $(ev.target).addClass('hover'); }) 使用 removeClass() 方法給元素刪除 hover class ; 使用 hasClass() 判斷元素是否有某個 class ;查看全部
-
獲取節點包含 padding 值的寬度與高度:可以使用 innerWidth() 與 innerHeight() ; 希望寬度與高度的值加上 border 與 margin 的值:可以使用 outerWidth(true) 與 outerHeight(true) ：默認算值時只會把 border 加上，如果希望加上 margin 值，需要傳遞個 true 參數值。查看全部
-
將某個節點插入到指定節點前面: $('#J_One').before($('#J_Two')); $('#J_Two').insertBefore($('#J_One')).text('我是第二個節點，但我要當第一個');查看全部
-
將html片段字符串，以dom的形式渲染到指定父容器中: $('.J_Wrapper').append($html); $('.J_Wrapper').prepend($html); $html.appendTo('.J_Wrapper');查看全部
-
操作節點是比較消耗性能的操作，不建議大家使用過于復雜的選擇器，而多次被js使用的節點，請緩存到js變量中. 只獲取子節點:var $child = $(".J_Parent > .J_Child"); 獲取指定索引的節點:var $two = $(".J_Parent > li:nth-child(2)");css3 的 :nth-child(index) 選擇器 ，index 從 1 開始。 選取被選中的復選框節點：var $checkbox = $('.J_Checkbox:checked'); 通過非的方式獲取節點：var $p = $('p:not(.J_Brother)');查看全部
-
Node.all(selector).item(0)與 Node.all(selector)[0] 是不一樣的，前者返回是node包裹對象，而后者返回的是原生節點。查看全部
-
getJSON不支持跨域，跨域用Jsonp查看全部
-
currentTarget指向事件源，比如對div綁定某個事件，則currenTarget就指這個div查看全部
-
KISSY.use('node',function(S,Node){ var $=Node.all; var $ul=$('ul'); $ul.length && $ul.prepend('<li>置頂節點</li>'); });查看全部
-
需要注意KISSY.use() 中回掉函數的參數查看全部
舉報
0/150
提交
取消