資訊專欄INFORMATION COLUMN
摘要：學(xué)習(xí)筆記一學(xué)習(xí)慕課網(wǎng)基礎(chǔ)課程筆記。本篇博客只作為學(xué)習(xí)記錄用。后代選擇器選擇給定的祖先元素的所有后代原色，一個(gè)元素的后代可能是該元素的一個(gè)孩子，孫子，曾孫等。相鄰兄弟選擇器選擇所有緊接在元素后的元素一般兄弟選擇器匹配元素之后的所有兄弟元素。
jquery 學(xué)習(xí)筆記一
學(xué)習(xí)慕課網(wǎng)jquery基礎(chǔ)課程筆記。本篇博客只作為學(xué)習(xí)記錄用。jquery 對(duì)象與 DOM 對(duì)象
一定要區(qū)分 jquery 對(duì)象和 dom 對(duì)象，jquery 是一個(gè)類數(shù)組對(duì)象,
個(gè)人理解，jquery 是在 dom 對(duì)象上進(jìn)行了封裝，加了一些方法之類的。
// dom對(duì)象
let aaa = document.getElementById("aaa")
console.log(aaa) // hello world
// jquery對(duì)象
console.log($("#aaa")) // jQuery.fn.init?[h3#aaa, context: document, selector: "#aaa"]
jquery 對(duì)象轉(zhuǎn) dom 對(duì)象
調(diào)用 get(index)方法可以將 jquery 對(duì)象轉(zhuǎn)為 dom 對(duì)象
備注：暫時(shí)還沒想到用的地方
111
222
333
var h3 = $("h3")
var aaa = h3.get(0)
console.log(aaa) // 111
dom 對(duì)象轉(zhuǎn) jquery 對(duì)象
直接用$(dom)就可以完成轉(zhuǎn)換
111
222
333
let aa = document.querySelector(".aaa")
console.log($(aa)) // jQuery.fn.init?[h3.aaa, context: h3.aaa]
選擇器
基礎(chǔ)選擇器
/**
* 以下選擇器中的xxx對(duì)應(yīng)相應(yīng)的id名，類名，標(biāo)簽名等
*/
// id 選擇器
$("#xxx");
// 類選擇器
$(".xxx");
// 元素選擇器
$("xxx");
// 全選擇器
$("*") // 注意全選擇器會(huì)獲取到所有的標(biāo)簽,包括html，header等標(biāo)簽
層級(jí)選擇器
注意區(qū)分子元素和后代元素
// 子選擇器：選擇所有指定"parent" 元素中指定的"child"的直接子元素。
$("parent > child");
// 后代選擇器: 選擇給定的祖先元素的所有后代原色，一個(gè)元素的后代可能是該元素的一個(gè)孩子，孫子，曾孫等。
$("ancestor descendant");
// 相鄰兄弟選擇器：選擇所有緊接在"prev"元素后的"next"元素
$("prev + next");
// 一般兄弟選擇器： 匹配"prev"元素之后的"所有兄弟元素"。具有相同的父元素
$("prev ~ siblings");
仔細(xì)觀察層級(jí)選擇器有以下的相同點(diǎn)和不同點(diǎn)
1、層級(jí)選擇器都有一個(gè)參考節(jié)點(diǎn)
2、后代選擇器包含子選擇器的選擇的內(nèi)容
3、一般兄弟選擇器包含相鄰兄弟選擇的內(nèi)容
4、相鄰兄弟選擇器和一般兄弟選擇器所選擇到的元素，必須在同一個(gè)父元素下
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/103312.html
摘要：基本的學(xué)習(xí)思路是跟著框架設(shè)計(jì)這本書，甚至可以說是這本書的讀書筆記。也參考很多網(wǎng)上解讀的博客和學(xué)習(xí)資料。當(dāng)然，最重要的資料還是框架的源代碼。后來由于開發(fā)者反對(duì)，新興的框架都在命名空間上構(gòu)建。 JavaScript框架學(xué)習(xí)筆記（一） 我為什么要學(xué)習(xí)框架 更深入的理解工具，以后用起來更順手而且也能做一定的工具取舍，學(xué)習(xí)理解新工具也就更快， 對(duì)提升js水平也很有幫助，框架有很多解決坑的經(jīng)典思...
摘要：提高業(yè)務(wù)編程能力中提供了很多的方法基本都兼容，我們可以使用這些方法快速開發(fā)項(xiàng)目中有的方法提供的思想可以讓我們把項(xiàng)目實(shí)現(xiàn)得更優(yōu)化提高基礎(chǔ)以及一些高級(jí)編程思想分析源碼，學(xué)習(xí)里面類庫(kù)封裝的思想和一些方法實(shí)現(xiàn)的原理有時(shí)間把中提供的常用方法都去實(shí)現(xiàn)一 jQuery 提高業(yè)務(wù)編程能力 JQ中提供了很多的方法（基本都兼容），我們可以使用這些方法快速開發(fā)項(xiàng)目 JQ中有的方法提供的思想可以讓我們把...
摘要：網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知識(shí)點(diǎn)羅列為主或是資料的匯總，數(shù)據(jù)量讓新人望而卻步。天了解一個(gè)前端框架。也可以關(guān)注微信公眾號(hào)曉舟報(bào)告，發(fā)送獲取資料，就能收到下載密碼，網(wǎng)盤地址在最下方，獲取教程和案例的資料。 前言 好的學(xué)習(xí)方法可以事半功倍，好的學(xué)習(xí)路徑可以指明前進(jìn)方向。這篇文章不僅要寫學(xué)習(xí)路徑，還要寫學(xué)習(xí)方法，還要發(fā)資料，干貨滿滿，準(zhǔn)備接招。 網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知...
摘要：前言隨著前端的不斷發(fā)展，很多開發(fā)人員已經(jīng)開始使用等框架，但是很少有人去深入分析以及的源碼本人也是，至今還停留在使用的層面。最近還在寫一些的筆記，有興趣的小白也可以看下我的博客文章源碼分析地址 前言 隨著前端的不斷發(fā)展，很多開發(fā)人員已經(jīng)開始使用react、vue等web框架，但是很少有人去深入分析vue以及react的源碼（本人也是，至今還停留在使用的層面）。框架的使用勢(shì)必會(huì)有更新迭代的...
摘要：首先明確是一個(gè)庫(kù)，它的類型是函數(shù)，這一點(diǎn)可以通過查看。判斷傳入的參數(shù)是還是返回具體的方法函數(shù)可將所有的添加一個(gè)可將所有的變?yōu)槿致暶鳎且粋€(gè)函數(shù)，返回一個(gè)對(duì)象，對(duì)象內(nèi)有不同的方法，本文例子有個(gè)方法增加類名，修改節(jié)點(diǎn)內(nèi)容。 首先明確jQuery是一個(gè)JavaScript庫(kù)，它的類型是函數(shù)，這一點(diǎn)可以通過typeOf查看。需要注意的是，script引入方式是本地文件引入，如果是CDN引入...
閱讀 2676·2021-11-16 11:53
閱讀 2737·2021-07-26 23:38
閱讀 2073·2019-08-30 15:55
閱讀 1751·2019-08-30 13:21
閱讀 3650·2019-08-29 17:26
閱讀 3306·2019-08-29 13:20
閱讀 875·2019-08-29 12:20
閱讀 3192·2019-08-26 10:21
