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'// 显示
- })
来源: http://www.bubuko.com/infodetail-2968859.html