javascipt——jQuery

一、首先須要導入jQuery1.12.4.js文件,把文件和當前目錄放同一目錄下。在<body>中寫上<script scr = 'jQuery1.12.4.js'><script/>,而後調用jQuery或者‘$’這兩個是等價的,jQuery('id')<==>$('id');編程

二、Jquery和DOM之間的轉換,jQuery==>DOM,jQuery $(‘id’)[0]則轉化爲DOM和document.getElementById('id')是等價的;this

              DOM==>jQuery,tar = document.getElementById('id'); $(tar)則表示轉化爲jQuery;對象

三、查找blog

    1)id查找索引

        $('#i1')查找id=‘i’的標籤事件

    2)class查找ip

        $('.c1')表示查找class=‘c1’的標籤rem

    3)混合查找get

        $('#i1,.c1')表示查找id='i1'和class='c1'的全部標籤;input

    4)層級標籤

        $('.c1 a')表示查找class='c1'下邊全部的「a」標籤,包括子子孫孫;

        $('.c1>a')表示查找class='c1'這一級標籤內部的標籤,只找他的兒子。

        $('.c1>a:first')表示查找class='c1'這一級標籤內部的標籤,只找他的兒子,並且找到他的兒子;

        $('.c1 a:eq(0)')表示查找class='c1'這一級標籤內部的標籤,找到索引爲0的標籤;

    5)屬性查找

        $('[屬性名=「屬性值」]')當屬性值爲空時,表示表示查找全部這個屬性的標籤,當屬性有值時,表示查找當前屬性和屬性值徹底匹配的標籤;

    6)表單查找

        $(':text')表示input標籤中text格式的標籤;

四、jQuery實現的全選、反選、取消

    PS:$(this).prop('checked'),此時爲獲得$(this).prop('checked')的值;當$(this).prop('checked',true)表示將表達式$(this).prop('checked')賦值爲true;

     當在jQuery中須要循環時能夠直接用each()作循環。其中的this表示當前的循環的對象;

五、三元運算

    語法爲: var v = 條件?參數1:參數2;當條件成立時,將參數1的值賦值給變量V,當條件不成立時,將參數2的值賦值給變量V;

六、篩選器

1)  $('#id').next()當前對象的下一個;

    $('#id').prev()當前對象的上一個;

    $('#id').parent()當前對象的父標籤;

    $('#id').chilidren()當前對象的孩子標籤;

    $('#id').sibliings()當前對象的兄弟表標籤;

    $('#id').find('#id')當前對象內尋找指定的id;

2)$('#id').addClass()爲當前標籤添加指定的樣式;

  $('#id').removeClass()爲當前標籤刪除指定的樣式;

3)jQuery支持鏈式編程;

4)添加事件:$('.c1').click(function(){xxxxx});爲全部有c1類的標籤添加click事件;

七、jQuery練習

相關文章
相關標籤/搜索