jQuery

1.加載完成
$(document).ready(function(){});
$(window).ready(function(){});
$(this).ready(function(){});
$(function(){});

2.jQuery對象的屬性和方法
size() : dom的個數(shù)
html() : 獲得內(nèi)部html
html(“html”) : 設(shè)置html
length : dom的個數(shù)
each(function(index,obj)) : 遍歷
get(index) : 根據(jù)索引獲得元素
innerHTML : 獲得內(nèi)部html
val() : 取值
val(“txt”) 設(shè)置值
text() : 獲得文本內(nèi)容
text(“txt”) : 設(shè)置文本內(nèi)容
attr(“name”) : 獲得屬性值
attr(“name”,”value”) : 設(shè)置屬性值
empty() : 清空子元素
trim() : 去掉字符串首尾空格
focus(function(){}) : 獲得焦點時調(diào)用
click(function(){}) : 點擊事件

3.dom 轉(zhuǎn) jQuery 對象
$(dom)

4.jQuery 轉(zhuǎn) dom 對象

5.選擇器
$(“#id”) : id選擇器
$(“.class”) : class選擇器
$(“標(biāo)簽名”) : 標(biāo)簽選擇器

6.層級選擇器
$(“parent child”) : 后代選擇器
$(“parent > child”) : 后代元素
$(“pre + next”) : 后邊下一個元素
$(“pre ~ sub”) : 后邊所有的元素

7.過濾選擇器
:first $(“div:first”)
:last $(“div:last”)
:even : 獲得偶數(shù)元素
:odd : 獲得奇數(shù)元素
:eq(index) : 獲得索引為index的元素
:gt(index) : 獲得 index - 最后的元素
:lt(Index) : 獲得0-index的元素
:header : 獲得h1,h2這種標(biāo)題元素
:animated : 獲得動畫的元素
:not(selector) :獲得取出selector的元素

8.內(nèi)容過濾器
:contains(‘text’) : 內(nèi)容包含選擇器
:empty 空內(nèi)容
:has(selector) 有某種元素的選擇器
:parent 有父元素的選擇器

9.可見性選擇器
:hidden 不可見的
:visible 可見的

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關(guān)注...
    前端進階之旅閱讀 16,937評論 18 503
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費時間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,494評論 0 2
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費時間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,262評論 0 1
  • Chapter 2 : Selecting the elements upon which to act 1. $...
    Azur_wxj閱讀 479評論 0 1
  • 一、樣式篇 第1章 初識jQuery (1)環(huán)境搭建 進入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,662評論 0 44

友情鏈接更多精彩內(nèi)容