亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

jquery學(xué)習(xí)筆記一

Anshiii / 2470人閱讀

摘要：學(xué)習(xí)筆記一學(xué)習(xí)慕課網(wǎng)基礎(chǔ)課程筆記。本篇博客只作為學(xué)習(xí)記錄用。后代選擇器選擇給定的祖先元素的所有后代原色，一個元素的后代可能是該元素的一個孩子，孫子，曾孫等。相鄰兄弟選擇器選擇所有緊接在元素后的元素一般兄弟選擇器匹配元素之后的所有兄弟元素。

jquery 學(xué)習(xí)筆記一 
學(xué)習(xí)慕課網(wǎng)jquery基礎(chǔ)課程筆記。本篇博客只作為學(xué)習(xí)記錄用。
jquery 對象與 DOM 對象

一定要區(qū)分 jquery 對象和 dom 對象，jquery 是一個類數(shù)組對象,
個人理解，jquery 是在 dom 對象上進行了封裝，加了一些方法之類的。

// dom對象
let aaa = document.getElementById("aaa")
console.log(aaa) // 
hello world


// jquery對象
console.log($("#aaa")) // jQuery.fn.init?[h3#aaa, context: document, selector: "#aaa"]
jquery 對象轉(zhuǎn) dom 對象

調(diào)用 get(index)方法可以將 jquery 對象轉(zhuǎn)為 dom 對象
備注：暫時還沒想到用的地方

111


222


333
var h3 = $("h3")
var aaa = h3.get(0)
console.log(aaa) // 
111
dom 對象轉(zhuǎn) jquery 對象

直接用$(dom)就可以完成轉(zhuǎn)換

111


222


333
let aa = document.querySelector(".aaa")
console.log($(aa)) // jQuery.fn.init?[h3.aaa, context: h3.aaa]
選擇器 基礎(chǔ)選擇器 
/**
 *  以下選擇器中的xxx對應(yīng)相應(yīng)的id名，類名，標(biāo)簽名等 
 */
// id 選擇器
$("#xxx");
// 類選擇器
$(".xxx");
// 元素選擇器
$("xxx");
// 全選擇器
$("*")  // 注意全選擇器會獲取到所有的標(biāo)簽,包括html，header等標(biāo)簽
層級選擇器

注意區(qū)分子元素和后代元素

// 子選擇器：選擇所有指定"parent" 元素中指定的"child"的直接子元素。
$("parent > child");

// 后代選擇器: 選擇給定的祖先元素的所有后代原色，一個元素的后代可能是該元素的一個孩子，孫子，曾孫等。
$("ancestor descendant");

// 相鄰兄弟選擇器：選擇所有緊接在"prev"元素后的"next"元素
$("prev + next");

// 一般兄弟選擇器： 匹配"prev"元素之后的"所有兄弟元素"。具有相同的父元素
$("prev ~ siblings");
仔細觀察層級選擇器有以下的相同點和不同點  
1、層級選擇器都有一個參考節(jié)點  
2、后代選擇器包含子選擇器的選擇的內(nèi)容  
3、一般兄弟選擇器包含相鄰兄弟選擇的內(nèi)容  
4、相鄰兄弟選擇器和一般兄弟選擇器所選擇到的元素，必須在同一個父元素下

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/103312.html

相關(guān)文章

  • JavaScript框架學(xué)習(xí)筆記（一）

    摘要：基本的學(xué)習(xí)思路是跟著框架設(shè)計這本書，甚至可以說是這本書的讀書筆記。也參考很多網(wǎng)上解讀的博客和學(xué)習(xí)資料。當(dāng)然，最重要的資料還是框架的源代碼。后來由于開發(fā)者反對，新興的框架都在命名空間上構(gòu)建。 JavaScript框架學(xué)習(xí)筆記（一） 我為什么要學(xué)習(xí)框架 更深入的理解工具，以后用起來更順手而且也能做一定的工具取舍，學(xué)習(xí)理解新工具也就更快， 對提升js水平也很有幫助，框架有很多解決坑的經(jīng)典思...

    Shonim 評論0 收藏0

  • jQuery學(xué)習(xí)筆記

    摘要：提高業(yè)務(wù)編程能力中提供了很多的方法基本都兼容，我們可以使用這些方法快速開發(fā)項目中有的方法提供的思想可以讓我們把項目實現(xiàn)得更優(yōu)化提高基礎(chǔ)以及一些高級編程思想分析源碼，學(xué)習(xí)里面類庫封裝的思想和一些方法實現(xiàn)的原理有時間把中提供的常用方法都去實現(xiàn)一 jQuery 提高業(yè)務(wù)編程能力 JQ中提供了很多的方法（基本都兼容），我們可以使用這些方法快速開發(fā)項目 JQ中有的方法提供的思想可以讓我們把...

    GHOST_349178 評論0 收藏0

  • 26天學(xué)通前端開發(fā)（配資料）

    摘要：網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知識點羅列為主或是資料的匯總，數(shù)據(jù)量讓新人望而卻步。天了解一個前端框架。也可以關(guān)注微信公眾號曉舟報告，發(fā)送獲取資料，就能收到下載密碼，網(wǎng)盤地址在最下方，獲取教程和案例的資料。 前言 好的學(xué)習(xí)方法可以事半功倍，好的學(xué)習(xí)路徑可以指明前進方向。這篇文章不僅要寫學(xué)習(xí)路徑，還要寫學(xué)習(xí)方法，還要發(fā)資料，干貨滿滿，準(zhǔn)備接招。 網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知...

    blair 評論0 收藏0

  • jquery源碼分析

    摘要：前言隨著前端的不斷發(fā)展，很多開發(fā)人員已經(jīng)開始使用等框架，但是很少有人去深入分析以及的源碼本人也是，至今還停留在使用的層面。最近還在寫一些的筆記，有興趣的小白也可以看下我的博客文章源碼分析地址 前言 隨著前端的不斷發(fā)展，很多開發(fā)人員已經(jīng)開始使用react、vue等web框架，但是很少有人去深入分析vue以及react的源碼（本人也是，至今還停留在使用的層面）?？蚣艿氖褂脛荼貢懈碌?..

    SHERlocked93 評論0 收藏0

  • jQuery入門學(xué)習(xí)筆記1

    摘要：首先明確是一個庫，它的類型是函數(shù)，這一點可以通過查看。判斷傳入的參數(shù)是還是返回具體的方法函數(shù)可將所有的添加一個可將所有的變?yōu)槿致暶鳎且粋€函數(shù)，返回一個對象，對象內(nèi)有不同的方法，本文例子有個方法增加類名，修改節(jié)點內(nèi)容。 首先明確jQuery是一個JavaScript庫，它的類型是函數(shù)，這一點可以通過typeOf查看。需要注意的是，script引入方式是本地文件引入，如果是CDN引入...

    lakeside 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<