一、首先須要導入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練習