jquery學習筆記一

Anshiii 發布于2019-08-23 16:48 / 2430人閱讀

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

jquery 學習筆記一

學習慕課網jquery基礎課程筆記。本篇博客只作為學習記錄用。

jquery 對象與 DOM 對象

一定要區分 jquery 對象和 dom 對象，jquery 是一個類數組對象,
個人理解，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 對象轉 dom 對象

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

111
222
333

var h3 = $("h3")
var aaa = h3.get(0)
console.log(aaa) // 111

dom 對象轉 jquery 對象

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

111
222
333

let aa = document.querySelector(".aaa")
console.log($(aa)) // jQuery.fn.init?[h3.aaa, context: h3.aaa]

選擇器 基礎選擇器

/**
 *  以下選擇器中的xxx對應相應的id名，類名，標簽名等 
 */
// id 選擇器
$("#xxx");
// 類選擇器
$(".xxx");
// 元素選擇器
$("xxx");
// 全選擇器
$("*")  // 注意全選擇器會獲取到所有的標簽,包括html，header等標簽

層級選擇器

注意區分子元素和后代元素

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

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

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

// 一般兄弟選擇器： 匹配"prev"元素之后的"所有兄弟元素"。具有相同的父元素
$("prev ~ siblings");

仔細觀察層級選擇器有以下的相同點和不同點  
1、層級選擇器都有一個參考節點  
2、后代選擇器包含子選擇器的選擇的內容  
3、一般兄弟選擇器包含相鄰兄弟選擇的內容  
4、相鄰兄弟選擇器和一般兄弟選擇器所選擇到的元素，必須在同一個父元素下

云服務器 GPU云服務器 jquery學習筆記學習筆記一學習筆記基礎學習筆記

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/103312.html

JavaScript框架學習筆記（一）

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

Shonim 2019-08-19 18:10 評論0 收藏0
jQuery學習筆記

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

GHOST_349178 2019-08-20 17:47 評論0 收藏0
26天學通前端開發（配資料）

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

blair 2019-08-21 16:59 評論0 收藏0
jquery源碼分析

摘要：前言隨著前端的不斷發展，很多開發人員已經開始使用等框架，但是很少有人去深入分析以及的源碼本人也是，至今還停留在使用的層面。最近還在寫一些的筆記，有興趣的小白也可以看下我的博客文章源碼分析地址前言隨著前端的不斷發展，很多開發人員已經開始使用react、vue等web框架，但是很少有人去深入分析vue以及react的源碼（本人也是，至今還停留在使用的層面）。框架的使用勢必會有更新迭代的...

SHERlocked93 2019-08-22 16:35 評論0 收藏0
jQuery入門學習筆記1

摘要：首先明確是一個庫，它的類型是函數，這一點可以通過查看。判斷傳入的參數是還是返回具體的方法函數可將所有的添加一個可將所有的變為全局聲明，它是一個函數，返回一個對象，對象內有不同的方法，本文例子有個方法增加類名，修改節點內容。首先明確jQuery是一個JavaScript庫，它的類型是函數，這一點可以通過typeOf查看。需要注意的是，script引入方式是本地文件引入，如果是CDN引入...

lakeside 2019-08-02 15:22 評論0 收藏0