jQuery關於css 使用方法

2021-10-10 06:28:40 字數 1331 閱讀 8346

css()方法是乙個非常強大且實用的操作css的方法,可以設定或返回被選元素的乙個或多個樣式屬性,來看看如何使用

css()

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

src=

"">

script

>

>

#box1

#box2

style

>

head

>

>

"box1"

>

div>

'box2'

>

>

//css(name) - 獲取指定元素的指定樣式屬性值

console.

log($(

'#box1').

css(

'width'))

;//查詢id為box1的div的width的屬性值

//* css(name,value) - 為指定元素設定指定的樣式屬性值(內聯樣式)$(

'#box1').

css(

'width'

,'600px');

//為id為box1的修改為width為600px的寬度

//重點:jquery支援鏈式操作 - jquery提供的方法都統一返回jquery物件

//$('#box1').css('width','600px').css('height','600px');//可以這麼寫

//css(options) - 未指定元素設定指定的樣式屬性值(內聯樣式)$(

'#box2').

css();

script

>

body

>

html

>

jquery支援鏈式操作 - jquery提供的方法都統一返回jquery物件,也就是說

$

('#box1').

css(

'width'

,'600px').

css(

'height'

,'600px');

//可以這麼寫

$(』#box1』)返回的是乙個jquery物件,css(『width』,『600px』)也會返回乙個jquery物件可以一直寫

css使用方法

1.css selector支援id class的定位 與html中css定位相同 號表id 定位有id的標籤方式更加簡潔 i1.代表class定位有id的標籤方式更加簡潔 c1class定位還提供了多個class定位通過連續.來縮小範圍 c1.c2.c3 2.css selector支援標籤定位沒...

jquery 使用方法總結

一 選擇網頁元素jquery的基本設計和主要用法,就是 選擇某個網頁元素,然後對其進行某種操作 這是它區別於其他函式庫的根本特點。使用jquery的第一步,往往就是將乙個選擇表示式,放進建構函式jquery 簡寫為 然後得到被選中的元素。選擇表示式可以是css選擇器 1 document 選擇整個文...

初學jQuery使用方法

先引用jquery源包 even奇數 gt 大於 lt 小於 jquery完整使用方法參考手冊 tag p i eq 0 html good 選擇對應的索引值去修改1 tag p i eq 1 html good 選擇對應的索引值去修改2var tp document.getelementbyid ...