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'//显示
})

转载于:https://www.cnblogs.com/Yokemadman/p/10439497.html