初步了解jQuery

2021-10-04 02:48:56 字數 2152 閱讀 1629

什麼是jquery

jquery 是乙個類庫(方法庫),裡面有各種封裝好的dom操作。

如何使用jquery

直接引入jquery檔案,然後就可以使用jquery中的操作

"./jquery.js"

>

<

/script>

//或者

"./jquery.min.js"

>

<

/script>

用jquery操作元素屬性

//attr  設定的自定義屬性儲存在標籤身上

//給 div 設定乙個 id 屬性, 值為 box$(

'div').

attr

('id'

,'box'

)//給 div 設定乙個 hello 屬性, 值為 world$(

'div').

attr

('hello'

,'world'

)//給 div 設定乙個 number 屬性, 值為 666$(

'div').

attr

('number'

,666

)//獲取 div 的 number 屬性

console.

log($(

'div').

attr

('number'))

//刪除 number 屬性$(

'button').

click

(function()

)//prop 設定的自定義屬性儲存在元素物件裡面

//給 div 設定乙個 id 屬性, 值是 box2$(

'div').

prop

('id'

,'box2'

)//給 div 設定乙個 hello 屬性, 值是 world$(

'div').

prop

('hello'

,'world'

)//給 div 設定乙個 number屬性, 值是 888$(

'div').

prop

('number'

,888

)//獲取剛才設定的 number 屬性

console.

log($(

'div').

prop

('number'))

//刪除設定的id屬性$(

'button').

click((

)=>

)//data 設定的自定義屬性儲存在元素物件裡面單獨開闢的乙個物件

//給 div 設定乙個自定義屬性叫做 id, 值是 box3$(

'div').

data

('id'

,'box3')$

('div').

data

('hello'

,'world')$

('div').

data

('number'

,123456

)//獲取

console.

log($(

'div').

data

('id'))

//刪除$(

'button').

click((

)=>

)

樣式操作

$

('div'

)//能獲取多個元素

//這個獲採樣式只能獲取元素集合裡面第乙個元素的樣式

console.

log($(

'div').

css(

'width'))

//設定元素的樣式$(

'div').

css(

'width'

,300

)//批量設定樣式

//設定的時候, 所有的單位都可以不寫, 預設新增 px 為單位$(

'div').

css(

)

jquery還算比較常用,希望這些能對還是跟我一樣的小白有些幫助,努力!

jquery 初步了解

js 建立函式有以下三種方法 1 函式關鍵字 function foo x 2 匿名函式 var func function x 3 建構函式 var func new function x alert x 建構函式每次執行時都解析函式主題 頻繁呼叫建構函式效率很低 並且建構函式不能遞迴使用 關鍵字...

C Boost 初步了解

boost是由c 標準委員會成員發起 眾多c 業界高人參與設計並實現的乙個涉及面廣 質量高且業已廣泛使用的c 標準後備庫,其中 tr1已經被納入c 0x標準庫。不論從風格和內容組織上講,都可以認為boost專案是c 標準庫的延伸。截止到boost 1.43版本,boost專案擁有大約100個用途廣泛...

Tomcat初步了解

http協議預設的埠號為80,如果伺服器的埠號為80,則url中的埠號可以省略,否則必須使用冒號加埠號指明埠。tomcat的埠號可在g soft apache tomcat 7.0.59 conf server.xml檔案中配置 訪問本機tomcat伺服器的方式 2.3.http 本機ip 8080...