jQuery的簡單實用

2021-08-07 21:38:56 字數 2237 閱讀 3917

1.jquery和html的整合

jquery是單獨的js檔案,通過script標籤的src屬性匯入即可。

2.獲取乙個jquery物件:

$("選擇器") 或者 jquery("選擇器")

3.dom物件和jquery物件之間的轉換

dom物件===>jquery物件

$(dom物件)

jquery物件===>dom物件

方式1:

jquery物件[index]

方式2:

jquery物件.get(index)

這是乙個span標籤

4.頁面載入:

js:window.οnlοad=function(){}//在乙個頁面中只能使用一次

jquery 在乙個頁面中可以使用多次

方式1:

$(function())

方式2:

$(document).ready(function(){});

5.派發事件:

$("選擇器").click(function());

等價於 原生js中

dom物件.οnclick=function()

掌握事件:

focus

blur

submit

change

click

6.jquery中效果:

隱藏或展示

show(毫秒數) hide(毫秒數)

滑入或滑出

slidedown(毫秒數):向下滑入

slideup(毫秒數):向上滑出

淡入或淡出

fadein(int):淡入

fadeout(int):淡出

7.選擇器總結:

基本選擇器★

$("#id值") $(".class值") $("標籤名")

獲取所有:$("*")

獲取多個選擇器 用逗號隔開

$("#id值,.class值")

層次選擇器 ★

a b:a的所有b後代

a>b:a的所有b孩子

a+b:a的下乙個兄弟(大弟弟)

a~b:a的所有弟弟

基本過濾選擇器:★

:frist 第乙個

:last 最後乙個

:odd 索引奇數

:even 索引偶數

:eq(index) 指定索引

:gt(index) >

:lt(index) <

內容過濾:

:has("選擇器"):包含指定選擇器的元素

可見過濾:

:hidden 在頁面不展示元素 一般指 input type="hidden" 和 樣式中display:none

:visible

屬性過濾器:★

[屬性名]

[屬性名="值"]

表單過濾:

:input 所有的表單子標籤 input select textarea button

8.遍歷陣列

陣列.each(function(){});

$.each(遍歷陣列,function(){});

注意:each的function中可以加兩個引數 index和dom

index是當前遍歷的索引值

dom指代的是當前遍歷的dom物件(開發中一般使用this即可)

//設定或者獲取value屬性

jquery物件.val():獲取

jquery物件.val("...."):設定

/設定獲取獲取標籤體的內容

html()

text()

設定的區別:

html:會把字串解析

text:只做為普通的字串

獲取的區別:

html:獲取的html原始碼

text:獲取只是頁面展示的內容

//建立乙個元素: $("《標籤》remove() 刪除元素

北京天津

重慶你好嗎

簡單實用的jQuery分頁外掛程式

在做 和訂單管理的時候,常常會用到分頁功能,所以我封裝了乙個jquery的分頁外掛程式,該外掛程式主要實現上下翻頁,輸入數字跳轉等功能。具體實現如下 輸入引數需要當前頁碼pageno,總頁碼totalpage,函式callback。主要的實現有兩個函式,乙個是根據當前頁和總頁數生成相應的html的 ...

ListView的簡單實用

獲得陣列的 typedarray image getresources obtaintypedarray r.array.image int imageid new int image.length 獲得陣列對應的id for int i 0 i image.length i 獲得陣列的字串 str...

sqoop的簡單實用

sqoop安裝 安裝在一台節點上就可以了。1.上傳sqoop 2.安裝和配置 在新增sqoop到環境變數 將資料庫連線驅動拷貝到 sqoop home lib裡 3.使用 第一類 資料庫中的資料匯入到hdfs上 sqoop import connect jdbc mysql 192 168.1 10...