Jquery

  1. 取值賦值合體:
    1)html()
    1.沒有參數-取值
    2.有參數-賦值
    2)css();
    1.有一個參數
    -字符串=》取值
    -對象=》設置一組;
    2.兩個參數-設置
    3)attr
    1.一個參數-》取值
    2.兩個參數-》設置

  2. jquery元素跟jQuery方法;
    JS元素跟JS語法;
    Jquery和JS可以相互轉換,就是可以共存;
    jQuery轉JS:$().get(索引) $()[索引]
    JS轉jQuery:$(JS元素)
    $p1=$('p:last')
    $p3=$('p:eq(3)')
    $('input').val()//val:用來獲取表單元素的value值
    $('p').prependTo($('div')).css('background', 'red'); 前邊變紅
    $('div').prepend($('p')).css('background','red') 后邊變紅
    res=$('form').serializeArray(); 表單序列化(表單元素以對象的形式輸出)

  3. on:綁定事件

    $('div').on('click',function(){
        alert(1)
    });

off:解除綁定

    $('div').off('click');

只綁定一次

    $('div').one('click',function(){
        alert(1)
    });
  1. jQuery中沒有DOM映射
  2. $('.inner').stop().toggle(1000); 收縮
    $('.inner').slideToggle(); 卷起
    $('.inner').fadeToggle(); 漸隱漸現
    $.extend({})//給類添加私有屬性和方法-靜態方法 $.xxx()
    $.fn.extend({});//給原型上添加屬性和方法--實例可以使用; $().xxx();
    JQ中的outerHeight=>offsetHeight innerHeight=>clientHeight
    $(window).outerHeight(),
  3. JQ中的篩選方法:
    children:子代篩選
    find:后代篩選
    filter:同級篩選
  4. JQ $link[0]/$link.get(0)/$link.eq(0) 前兩個一樣獲取到的結果是原生JS對象,最后一個獲 取到的結果依然還是JQ對象
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 請記得在進行JQuery類庫的運用時,加入JQuery類庫,并且要保證先寫文檔就緒函數 $(document).r...
    Sunshinemm閱讀 2,919評論 1 40
  • 一、樣式篇 第1章 初識jQuery (1)環境搭建 進入官方網站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,451評論 0 44
  • jQuery基礎 什么是JQ?一個優秀的JS庫,大型開發必備JQ的好處?一簡化JS的復雜操作二不再需要關心兼容性三...
    幺七閱讀 955評論 0 2
  • 第一章 jQuery簡介 1-1 jQuery簡介 1.簡介 2.優勢 3.特性與工具方法 1-2 環境搭建 進入...
    mo默22閱讀 1,610評論 0 11
  • jQuery基礎(一)——樣式篇 1-2環境搭建 1-3 jQuery HelloWorld體驗 $(docume...
    croyance0601閱讀 1,106評論 0 8