jQuery工具和方法

2022-03-11 02:53:06 字數 2203 閱讀 2532

jquery方法和工具

//1. $.each(): 遍歷陣列或物件中的資料

var obj = '  // json物件: {}

// json物件===>js物件

console.log($.parsejson(json))

json = '[, ]' // json陣列:

// json陣列===>js陣列

console.log($.parsejson(json))

json.parse(jsonstring)   json字串--->js物件/陣列

json.stringify(jsobj/jsarr)  js物件/陣列--->json字串

7:var $contents = $("#container>div")

var currentindex = 0//當前顯示的下標

$("#tab>li").click(function () {

//隱藏當前顯示的div

$contents[currentindex].style.display="none"

//顯示當前被點選元素

//獲取當前被點選元素的index

var index=$(this).index()

$contents[index].style.display="block"

//更新當前顯示的下標

currentindex=index

8:1. 操作任意屬性

attr()//對於屬性值為非boolean的操作

removeattr()

prop()//對於屬性值為boolean的操作例如 checked

2. 操作class屬性

addclass()

removeclass()

3. 操作html**/文字/值

html()

val()

////////////////練習**如下

//1. 讀取第乙個div的title屬性

// console.log($('div:first').attr('title')) // one

//2. 給所有的div設定name屬性(value為atguigu)

// $('div').attr('name', 'atguigu')

//3. 移除所有div的title屬性

// $('div').removeattr('title')

//4. 給所有的div設定class='guiguclass'

//$('div').attr('class', 'guiguclass')

//5. 給所有的div新增class='abc'

//$('div').addclass('abc')

//6. 移除所有div的guiguclass的class

//$('div').removeclass('guiguclass')

//7. 得到最後乙個li的標籤體文字

'li:last').html())

//8. 設定第乙個li的標籤體為""

//$('li:first').html('')

//9. 得到輸入框中的value值

':text').val()) // 讀取

//10. 將輸入框的值設定為atguigu

//$(':text').val('atguigu') // 設定      讀寫合一

//11. 點選'全選'按鈕實現全選

// attr(): 操作屬性值為非布林值的屬性

// prop(): 專門操作屬性值為布林值的屬性

var $checkboxs = $(':checkbox')

$('button:first').click(function () {

$checkboxs.prop('checked', true)

//12. 點選'全不選'按鈕實現全不選

$('button:last').click(function () {

$checkboxs.prop('checked', false)

13 設定css樣式/讀取css值

css() $(「div」).css()//讀寫合一

$("p:eq(1)").css({

"color" :"#ff0011",

"background" : "blue",

"width" : 300,

"height"  :30

jQuery 核心函式和工具方法

接收乙個dom元素 會被包裝成乙個jquery物件返回給我們 var span document.getelementsbytagname span 0 console.log span span var span span console.log span span 原生foreach方法遍歷陣列...

JQuery工具方法整理

或許有人說jquery不是過時了嗎?怎麼還用,但我要告訴你,沒有永恆的庫或者框架,只有其中的思想是最寶貴的,也可以結合遊戲來講,就是一代版本一代神 安裝詳細請參考 npm學習npm npm install g cnpm registry cnpm安裝 複製 yarn官網yarn 安裝完成後資料夾如下...

jquery框架 jQuery工具

1.in arra y 2.inarray 2.inarr ay 2.merge 3.un ique 4.unique 4.uniqu e 4.parsejson 5.is arra y 6.isarray 6.isarr ay 6.isfunction 7.is empt yobj ect 8.i...