jQuery的基本理解及核心函式與核心物件
jQuery是什麼(What):
一個JS函式庫:write less,do more
封裝簡化DOM操作(CRUD)/Ajax
為什麼要用jQuery(Why):
強大的選擇器:方便快速查詢DOM元素
隱式遍歷(迭代):一次操作多個元素
讀寫合一:讀寫資料用的是一個函式
事件處理
鏈式呼叫
DOM操作(CUD)
樣式操作
怎麼使用jQery(How):
引入jQuery庫
本地引入與CDN遠端引入
測試版和生產版(壓縮版本)
jQuery核心函式
簡稱:jQuery函式($/jQuery)
jQuery庫向外直接暴露的就是$/jQuery
引入jQuery庫後,直接使用$即可
作為一般的函式用時:$(param)
param是function:相當於window.onload = function(文件載入完成的監聽)
param是選擇器字串:查詢所有匹配的DOM元素,返回包含所有DOM元素的jQuery物件
param是DOM元素:將DOM元素物件包裝為jQuery物件返回 $(this)
param是標籤字串:建立標籤DOM元素物件幷包裝為jQuery物件返回
作為物件用時:$.XXX()
jQuery核心物件
簡稱:jQuery物件
即執行jQuery函式返回的物件
jQuery物件內部包含的是dom元素物件的偽陣列(可能只有一個元素)
jQuery物件擁有很多有用兒點屬性和方法,更方便操作dom
注意:偽陣列是object物件,有length屬性,數值下標屬性
但不能使用陣列特有的方法,例:forEach(),puch(),pop()等
屬性/方法:
基本行為:
size()/lenght:得到jQuery內部包含dom元素的個數
[index]:根據下標得到對應位置的dom元素
each():遍歷內部的dom元素
index():得到其在所有兄弟元素中的下標
相關文章
- jQuery 原始碼剖析(一) - 核心功能函式jQuery原始碼函式
- 理解建構函式與原型物件函式原型物件
- 4、核心函式 (轉)函式
- 從零玩轉jQuery-核心函式和靜態方法jQuery函式
- PHP 核心特性 - 匿名函式PHP函式
- angular 三大核心函式Angular函式
- 如何理解jQuery.on()函式jQuery函式
- PostgreSQL核心自帶的Oracle相容函式SQLOracle函式
- 對JavaScript中函式物件的理解JavaScript函式物件
- Java中物件的生與滅- 核心篇Java物件
- 核心函式 系統呼叫 系統命令 庫函式函式
- mysql之常用函式(核心總結)MySql函式
- VFS簡介和核心操作函式函式
- 理解maven的核心概念Maven
- windows核心程式設計--核心物件Windows程式設計物件
- 物件及函式相關物件函式
- FreeRTOS-04-核心控制函式+時間管理函式函式
- 認識node核心模組--全域性物件及Cluster物件
- 核心記憶體分配常用函式使用記憶體函式
- 核心堆分配函式brk()原始碼分析函式原始碼
- jQuery mobile 核心功能jQuery
- Vue核心知識-Vue的元件之render函式Vue元件函式
- webpack (1)——核心概念的理解Web
- 理解Windows核心模式與使用者模式Windows模式
- JDK8 四大核心函式式介面及擴充套件介面總結JDK函式套件
- JS函式,物件,例項方法,物件方法理解JS函式物件
- TypeScript 中函式的理解?與 JavaScript 函式的區別?TypeScript函式JavaScript
- 關於maven的核心pom(專案物件模型)的一些理解Maven物件模型
- 5-函式與物件的方法函式物件
- windows核心原理分析之DPC函式的執行(1)Windows函式
- 同步篇——核心物件物件
- 物件導向思想的核心概念物件
- Quartz核心原理之架構及基本元素介紹quartz架構
- binder核心原理解析
- RPC核心概念理解RPC
- NameServer 核心原理解析Server
- 核心接收分組理解
- GeoHash核心原理解析