jQuery的環境配置

2021-09-11 06:30:41 字數 2456 閱讀 4828

jquery是乙個js庫,方便,簡單,易學。

$元素代表jquery物件,要使用jquery,必須先引用,$可以用物件,也可以用函式,即可以帶括號,也可以點出來。

$(document).ready(function ()).click(function ());

});

window.function ()
window.onload是在js中的等頁面全部(包括)載入完,$(document).ready(function (){});是在jquery中文件結構已經載入完(但是這些不一定載入完畢)。

window.onload    $(function (){}) 上述的簡寫方式
在寫jquery**的時候要注意元素的初始化問題

jquery不可以直接操作dom方法,反之一樣。但是可以相互轉換。

jquery選擇器(支援css1~3的大多數)

1.基本選擇器

console.log($('#btn'));//id選擇器

console.log($('.btn1'));//類選擇器

console.log($('button'));//類名稱選擇器

console.log($('*'));//全部選擇器

console.log($(".btn1,#btn,button"));//多選器

2.層次選擇器

console.log($("ul li"));//後代選擇器

console.log($("ul>li"));//子代選擇器

console.log($(".li3+li"));//臨近原則器,即之後相鄰的元素,必須相鄰的元素

console.log($(".li3~li"));//之後選擇器,即之後有就行

3.過濾選擇器

(1)簡單過濾

console.log($("ul>li:first"));//第乙個

console.log($("ul>li:last"));//最後乙個

console.log($("ul>li:even"));//偶數,以索引開始計數

console.log($("ul>li:odd"));//奇數,以索引開始

console.log($("ul>li:gt(1)"));//大於,索引

console.log($("ul>li:lt(1)"));//小於,索引

console.log($("ul>li:eq(2)"));//等於,索引

console.log($("ul>li:not(.li3)"));//除了被選擇元素

(2)內容過濾

console.log($("li:contains('2')"));//內容包括2

console.log($("div:empty"));//為空

console.log($("div:parent"));//為父元素的div

console.log($("div:has('span')"));//含有span元素的div

(3)可見性過濾

console.log($(".btninput:visible"));//選擇可見的

console.log($(".btninput:hidden"));//選擇不可見的元素

(4)屬性選擇器

console.log($("button[id='btn'][class='btn1']"));//id為btn,class為btn1的button
(5).子元素過濾選擇器

console.log($("ul>li:nth-child(2)"));//第2個,順序

console.log($("ul>li:first-child"));//第乙個

console.log($("ul>li:last-child"));//最後乙個

console.log($("div>p:only-child"));//只有乙個

(6).表單元素屬性過濾(只給表單元素)

console.log($("input[type='checkbox']:checked"));//已選

console.log($("input[type='radio']:checked"));//已選

console.log($("input:checkbox"));

console.log($("input:radio"));

console.log($(":input"));//包括各種button,input,select等

console.log($("input:text"));

關於Jquery執行環境的認識

今天開發的時候,遇到乙個問題,如下 函式 取消訂餐 function cancel oid type post datatype json success function data else 在執行的過程中,this parent html 尚未訂餐 報錯 在通過瀏覽器除錯的過程中,發現 this...

webpack的簡單配置 jQuery

需要根目錄webpack.config.js src index.js src indxe.html 打包使用了外掛程式html就會掛載輸出在根目錄下面 雖然看不見但是存在 替換vue配置在這一期 dependencies devdependencies babelrc檔案內容 如下是webpack...

perl的環境配置

2.安裝perl在eclipse上的開發外掛程式,我從網上下了幾個都沒有安裝成功,索性直接用eclipse安裝,選擇 help software updates.add site 在彈出對話方塊中新增的位址為http e p i c.sourceforge.net updates testing 之...