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