javascipt——jQuery

時間 2019-11-18

原文原文鏈接

一、首先須要導入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 簡明教程

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。