引入和使用jquery


https://www.bootcdn.cn/jquery/     國內CDN服務器

1,通過文件jquery.min.js引入<script src="js/jquery.min.js">

2,通過鏈接引入<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

項目在全球部署就用谷歌的CDN

 

jquery的使用

$('選擇器') --> jQuery對象 --> 封裝了很多方法

$('選擇器').on  就是綁定事件

$('選擇器').off  就是取消綁定事件

$('選擇器').one  只能點擊一次的事件

$('#data>tbody>tr:odd').css('background-color')

$('#data>tbody>tr:even').css('background-color', 'lightgray')

選擇器后面加冒號:就是過濾器,odd是奇數行,even是偶數行,.css是改樣式表,只有backgrou-color表示讀取背景色,'background-color', 'lightgray'表示修改背景色

 

$函數的四種用法:

$函數的參數是一個匿名函數或者箭頭函數,傳入的函數是頁面加載完成后要執行的回調函數

$函數的參數是一個樣式表選擇器,獲取頁面元素,得到一個jQuery對象(偽數組),有更多的屬性和方法

$函數的參數是一個標簽字符串,創建一個新的元素並獲得對應的jQuery對象    $('<li>')

$函數的參數是一個原生的JavaScript對象,返回與原生JavaScript對象對應的jQuery對象


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM