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原始碼函式
- 從零玩轉jQuery-核心函式和靜態方法jQuery函式
- 如何理解jQuery.on()函式jQuery函式
- PHP 核心特性 - 匿名函式PHP函式
- 對JavaScript中函式物件的理解JavaScript函式物件
- Java中物件的生與滅- 核心篇Java物件
- FreeRTOS-04-核心控制函式+時間管理函式函式
- 核心函式 系統呼叫 系統命令 庫函式函式
- VFS簡介和核心操作函式函式
- mysql之常用函式(核心總結)MySql函式
- windows核心程式設計--核心物件Windows程式設計物件
- 物件及函式相關物件函式
- Vue核心知識-Vue的元件之render函式Vue元件函式
- JS函式,物件,例項方法,物件方法理解JS函式物件
- RPC核心概念理解RPC
- webpack (1)——核心概念的理解Web
- JDK8 四大核心函式式介面及擴充套件介面總結JDK函式套件
- TypeScript 中函式的理解?與 JavaScript 函式的區別?TypeScript函式JavaScript
- 5-函式與物件的方法函式物件
- Hooking linux核心函式(三):Ftrace的主要優缺點HookLinux函式
- 物件導向思想的核心概念物件
- 同步篇——核心物件物件
- 深入理解 Linux 核心--jemalloc 引起的 TLB shootdown 及優化Linux優化
- C++中函式指標與函式物件C++函式指標物件
- Quartz核心原理之架構及基本元素介紹quartz架構
- binder核心原理解析
- NameServer 核心原理解析Server
- JQuery的ready函式與JS的onload的區別jQuery函式JS
- js裡的物件基本理解(原型)JS物件原型
- Java8新特性-四大核心函式式介面Java函式
- 以vue依賴統計為核心的框架(函式),mveVue框架函式
- 輕鬆理解建構函式和原型物件函式原型物件
- 理解thunk函式的作用及co的實現函式
- xenomai核心解析---核心物件登錄檔—xnregistry(重要元件)AI物件元件
- Kubernetes概念及核心物件物件
- 深入理解函式節流與函式防抖函式
- 關於git的基本核心操作總結Git
- C++ lambda 表示式與「函式物件」(functor)C++函式物件