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 ...