Jquery基本知識點的總結

2021-07-10 12:50:34 字數 2736 閱讀 8816

一、理論

jquery是輕量級的語言,它能夠很快速、簡潔地處理html

文件、控制事件、給頁面新增動畫和

ajax

效果等,總之一句話:jquery是寫的**少,而實現的功能多。

二、簡述

1、使用jquery

之前必須先引入

jquery的js

檔案,如下:

2、window的

onload

事件與jquery

中的ready

方法都有在頁面載入的時候執行方法裡的**,他們之間的不同點是:

window.onload = function(){}

方法在載入

html 

並且載入外部所有的引用檔案

(,css

樣式,js

等。而jquery

的ready

方法,不載入外部的引用檔案。

3、dom

物件 是不能使用

jquery

中的方法的

. jquery

中的物件是不能使用

dom物件的方法。因此他們之間可以相互轉化。

dom物件轉換成

jquery

物件的方式:

var $document=$(document)($

是jquery

的別名),對於乙個

dom物件只需要使用

$(dom物件)

即可轉換成乙個

jquery

物件。jquery物件轉換成

dom物件的方式:  

var domobject = $("#thed")[index]

或  var domobject = $("#thed").get(index)

三、jquery中的選擇器 基本

* 匹配所有的元素

.classname匹配所有的

classname

相同的元素

#idname    匹配

idname

的元素

, 用英文逗號區分並列的關係

element 直接寫element

的名字,如:

$(tr)

,並匹配所有的

element 層級

space 表示祖先與子孫的關係

>      表示父親與孩子的關係

+    表示自己的下乙個關係

~      表示自己的下乙個兄弟的關係 簡單

:equest(index) 返回匹配乙個給定索引值的元素

:frist() 返回匹配找到的第乙個元素

:last() 返回匹配找到的最後乙個元素

:gt(index) 返回匹配所有大於給定索引值的元素

:lt(index) 返回匹配所有小於給定索引值的元素

:even 匹配所有索引值為偶數的元素,從 0 

開始計數

:odd 匹配所有索引值為奇數的元素,從 0 

開始計數

:header 匹配如 h1, h2, h3

之類的標題元素

:not(selected) 刪除與指定表示式匹配的元素 

:contains(text) 返回包含指定的文字元素

:parent

返回匹配子元素的元素

:has(text)

返回包含指定元素的元素

:empty

返回無文字或者空元素 */

//可見性

/**:visible

匹配所有可見的元素

:hidden

匹配所有不可見的元素(只要在頁面上不顯示的元素,都能獲得到) */

//屬性

/**.attr("attrbutename","attibutevalue")

.attr("attrbutename"); */

//子元素

/**父元素呼叫,返回的是父類的元素

:frist-child

匹配指定父類中的第乙個元素

:last-child

匹配指定父類中的最後的乙個元素

:only-child

匹配只有乙個子元素的父元素

:nth-child(n)

父元素呼叫第n個子元素 */

//表單

/**只有input才能呼叫

:button

匹配所有的按鈕

:text

匹配所有的單行文字

:checkbox

匹配所有的核取方塊

:input

匹配所有的input、textarea、select和button

:password

匹配所有的密碼框

:reset

匹配所有的重置

:radio

匹配所有的單選按鈕

:submit

匹配所有的提交按鈕

:file

匹配所有的上傳按鈕

:hidden

匹配所有 的隱藏按鈕

:image

匹配所有的影象域 */

//表單物件的屬性

/**:checked

匹配所有的被選中的選項(包括核取方塊checkbox、單選按鈕radio,不包括select中的option)

:disabled

匹配所有的不可用的選項

:enabled

匹配所有 的可用的選項

:selected

匹配所有select中被選中的option

Jquery基本知識點的總結(一)

一 理論 jquery是輕量級的語言,它 能夠很快速 簡潔地處理html 文件 控制事件 給頁面新增動畫和 ajax 效果等,總之一句話 jquery是寫的 少,而實現的功能多。二 簡述 1 使用jquery 之前必須先引入 jquery的js 檔案,如下 2 window的 onload 事件與j...

jquery基本知識點的總結(一)

一 理論 jquery是輕量級的語言,它能夠很快速 簡潔地處理html文件 控制事件 給頁面新增動畫和ajax效果等,總之一句話 jquery是寫的 少,而實現的功能多。二 簡述 使用jquery之前必須先引入jquery的js檔案,如下 window的onload事件與jquery中的ready方...

Python基本知識點總結

本文總結了python中最基本的知識點。1 基本數學操作符 python中最常用的數學操作符如下表所示 操作符含義 舉例結果 加法 1 23 減法2 11 乘法1 22 除法2 12 整除 商數取整 5 22 取模 取餘數 5 21 指數3 3 81上表中操作符的優先順序從低到高的順序為 接下來是 ...