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練習
- 1. javascipt singleton
- 2. JavaScipt數組去重
- 3. 10 JavaScipt初體驗
- 4. JavaScipt 數據交互
- 5. javascipt的數組去重
- 6. [JavaScipt] JS正則表達式
- 7. javascipt中的DOM對象
- 8. 前端面試整理—Javascipt問題（一）
- 9. SELENIUM2 使用JavascriptExecutor在頁面Javascipt執行
- 10. javascipt 中this的學習小節
- 更多相關文章...
- • jQuery Mobile 安裝 - jQuery Mobile 教程
- • jQuery Mobile 過渡 - jQuery Mobile 教程
- • Github 簡明教程
-
每一个你不满意的现在，都有一个你没有努力的曾经。