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

2021-05-26 00:49:31 字數 1679 閱讀 5488

一、理論

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)

刪除與指定表示式匹配的元素

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

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

Jquery基本知識點的總結

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

Python基本知識點總結

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