点击切换属性html,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(‘

mmm

‘)

得到输入框的值$(‘: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