jQuery_$方法、屬性、點擊切換

jQuery_$方法
1、$.each():遍歷數組或對象中的數據
2、$.trim():去除字符串兩邊的空格
3、$.type(obj):得到數據的類型
4、$.isArray(obj):判斷是否為數組
5、$.isFunction(obj):判斷是否為函數
6、$.parseJSON(json):解析json字符串轉換js對象/數組

var json = '{"name":"Tom","age":12}
//json對象===>js對象
console.log($.parseJSON(json))

json = '{"name":"Tom","age":12},{"name":"Tem","age":13}'//json數組:[]
//json數組===>js數組
console.log($.parseJSON(json))

JSON.parse(jsonString)//json字符串===>js對象/數組
JSON.stringify(jsObj/jsArr)//js對象/數組===>json

屬性
讀取第一個div的title屬性$('div:first').attr('title')
給所有div設置name屬性$('div').attr('name','xxx')
移除div的title屬性$('div')removeAttr('title')
所有div設置class='xxx'$('div').attr('class','xxx')
所有div添加class='xxx'$('div').addClass('xxx')
移除div的xxx為class$('div').removeClass('xxx')
最后一個li的標簽體文本$('li:last').html()
設置第一個標簽體文本$('li:first').html('<h1>mmm</h1>')
得到輸入框的值$(':text').val()
設置輸入框的值$(':text').val('xxx')
全選
:attr()：操作屬性值為非布爾值的屬性
:prop()：操作屬性值為布爾值的屬性

var $checkboxs = $(':checkbox')
$('button:first').click(function(){
$checkboxs.attr('checked',true)
})

全不選

$('button:last').click(function(){
$checkboxs.attr('checked',false)
})

多Tab點擊切換

//部分
var $contents = $('#content>div')
$('#tab>li').click(function(){//隱式遍歷
$contents.css('display','none')//隱藏所有div
var index = $(this).index()//得到當前點擊的li下標
$contents[index].style.display = 'block'//顯示
//$($contents[index]).css('display','block')
})
//
var $contents = $('#content>div')
var currIndex = 0//當前下標
$('#tab>li').click(function(){//隱式遍歷
$contents[currIndex].style.display = 'none'//隱藏當前顯示的內容div
var index = $(this).index()//得到當前點擊的li下標
$contents[index].style.display = 'block'//顯示
})