jQuery個人筆記

2021-10-06 09:21:48 字數 2719 閱讀 5961

jquery入口函式要等待頁面dom樹載入完後執行

window.onload要等待所有的資源(dom樹/外部css/js鏈結、)都加在完畢後執行

$ is not found ==說明沒有引入jquery檔案

jquery物件命名最好帶$

var $top-banner=$('.top-banner');

$top-banner. css(' backgroundcolor',' green')

$(function())
(function(i))(i)
(function (i)(i))
var div1=document. getelementbyid("one"); 

var $div1=$(div1);

```- jquery物件轉換為dom物件

var div

s=divs=

divs

=(』 div』);

var div1=$divs[0];

var div2=$divs.get(1);

## 3.設定

獲取id為div1這個標籤的文字,會獲取到這個標籤中所有文字,包括後代元素的文字。

$('#div1').text()

$('#div1').text('新設定的文字')

草擬嗎我手傷了打字好疼。

獲取標籤為div的元素的文字,包含了多了個dom元素的jquery物件,通過text()方法獲取檔案會把所有dom元素獲取到

設定多樣式

});獲取包含了多個dom元素的jquery物件的樣式,只能返回第乙個 dom物件的樣式值。

console.log($(『div』).css(『width』));//『200px』

設定樣式:css(樣式名,樣式值)是行內樣式

$('#setbtn').click(function());

交集並集選擇器 例子

描述並集選擇器

$(「div,p,li」);

使用逗號分隔,只要符合條件之一就可。

交集選擇器

$(「div.redclass」);

獲取class為redclass的div元素

過濾選擇器 例子

描述children(selector)

$(「ul」).children(「li」)

相當於$(「ul>li」),子類選擇器

find(selector)

$(「ul」).find(「li」);

相當於$(「ul li」),後代選擇器

siblings(selector)

$(「#first」).siblings(「li」);

查詢兄弟節點,不包括自己本身。

parent()

$(「#first」).parent();

查詢父親

eq(index)

$(「li」).eq(2);

相當於$(「li:eq(2)」),index從0開始

next()

$(「li」).next()

找下乙個兄弟

prev()

$(「li」).prev()

找上一次兄弟

篩選選擇器(方法) 例子

描述:eq(index)

$(「li:eq(2)」).css(「color」, 」red」);

獲取到的li元素中,選擇索引號為2的元素,索引號index從0開始。

:odd

$(「li:odd」).css(「color」, 」red」);

獲取到的li元素中,選擇索引號為奇數的元素

:even

$(「li:even」).css(「color」, 」red」);

獲取到的li元素中,選擇索引號為偶數的元素

$(".hidebtn").click(function());

});

$("button").click(function());
例子描述

parent()

$(「span」).parents();

返回每個span元素的直接父元素

parents()

$(「span」).parents(「ul」);

返回所有span元素的所有祖先並且它是 ul元素,空值就返回所有祖先

parentsuntil()

$(「span」).parentsuntil(「div」);

返回介於 span與div元素之間的所有祖先元素

個人學習jQuery筆記

1.div1 text 是獲取id為div1的文字內容,也可以填充值 div1 html 是獲取id 為div1的html內容值 也可以填充值 2.div1 是獲取id為div1 div 是獲取div標籤 val 是獲取文字框的值 3.遮罩效果關鍵是這個z index 99 z index 100 ...

個人製作jQuery滾動外掛程式

第一次寫部落格,寫的不好請見諒!試寫.演示位址1 演示位址2 這是我根據自己之前的工作經驗寫的兩個外掛程式,現在將它們分享出來,希望可以幫助其他人,也希望大家指正缺點,共同進步!功能分析 主要實現的切換方式有五種 左右切換,上下切換和隱藏顯示 引數 leftbtn 左邊切換按鈕 right btn ...

jquery的學習個人總結

附 jquery是基於js的框架,js的主要作用是什麼?大概好多人都不能很清楚的說出,這裡我給出我的個人見解。js的作用就是動態處理css和html的相關過程。其主要目的是為了動態的處理靜態頁面的元素,屬性等,讓靜態頁面富有生命力。1.我們先來簡單談談選擇器 jquery的選擇器是根據自己的風格在c...