点击切换属性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
点击切换属性html,jQuery_$方法、属性、点击切换相关推荐
- 【Java 虚拟机原理】Class 字节码二进制文件分析 五 ( 方法计数器 | 方法表 | 访问标志 | 方法名称索引 | 方法返回值类型 | 方法属性数量 | 方法属性表 )
文章目录 前言 一.方法表结构 二.方法计数器 三.方法表数据解析 ( init 构造方法 ) 1.方法访问标志 2.方法名称索引 3.方法返回类型 4.方法属性数量 前言 上一篇博客 [Java 虚 ...
- click js自动点击 vue_vue.js2.0点击获取自己的属性和jquery方法
如下所示: :data-index="index" :dt="index" v-on:click="onclick($event,index)&quo ...
- JavaScript的对象属性和方法和点击事件
JavaScript的Event对象用来描述JavaScript事件,Event代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态.一旦事件发生,便会生成Event对象.主要属性和方法: ...
- UIKit框架-高级控件Swift版本: 6.UIAlertView方法/属性详解
前面我们学习了 UITextView, 现在让我们继续往下学. 1.UIAlertView的常用属性 // 1.设置 UIAlertView 的代理对象 var delegate: AnyObject ...
- UIKit框架-高级控件Swift版本: 2.UITableView方法/属性详解
由于这段时间比较忙, 所以写博文的时间也挤了很长时间才完成, 希望大家能够原谅, 后面我也会陆续的更新, 直到控件都讲完, 好了废话少说, 现在让我们来看今天的内容. 1.UITableview常用属 ...
- dw如何设置html图片大小,Dreamweaver如何设置图像属性?DW设置图像属性方法介绍
Dreamweaver中如何设置图像属性?下面小编就为大家详细介绍一下,一起来看看吧! 方法/步骤 在dreamweaver中如何设置图片属性,首先我们需要打开这个工具,随后进行一个新的HTML界面的 ...
- android的属性如何使用方法,Android第二大控件,EditText的属性和使用方法
原标题:Android第二大控件,EditText的属性和使用方法 EditText与TextView非常相似,它甚至与TextView 共用了绝大部分XML属性和方法.EditText与TextVi ...
- jquery方法属性详解
jquery方法属性详解! 1.jquery简介 jquery是什么,作用是什么? jquery用来简化js操作DOM元素 jquery不能用DOM的方法,DOM不能用jquery的方法 各种选择器的 ...
- jQuery 移除属性失败解决方法
jQuery 移除属性失败解决方法 方法一: $(this).attr("onclick",""); 兼容性:点击事件方法代码能移除,但事件绑定没有解除 方法二 ...
最新文章
- 【我的项目经验】——Visual Studio 插件
- 后端开发开发mac装机和开发环境指南(新手版)
- 广东白云机场俯视图,猜猜像什么
- sql server 2008学习5 sql基础
- .Net Core应用框架Util介绍(五)
- 英语中的开音节和闭音节
- leetcode 554. 砖墙
- linux mysql 文件夹权限_Linux 中文件和文件夹获取 MySQL 权限(SELinux)
- IDEA调整输出字体的字体与大小
- 【iOS QR Code】集成ZXingWidget(XCode Version 4.5.2,iOS 6.0 SDK)
- jQuery学习笔记(三):选择器总结
- ubuntu查看进程和结束进程
- springboot 微信支付接口(H5)
- android利用itext5制作pdf,Itext5生成PDF
- node.js连接数据库写接口
- 服务器加网站防盗链,自己做网站如何做防盗链设置
- ecu故障现象_怎么判断汽车ECU出现故障
- win7计算机右键菜单多,win7系统清理右键菜单多余的选项|win7删除右键菜单多余选项的方法...
- NPOI操作Excel 让单元格的内容换行
- 2023年CISSP考点及预约时间参考
热门文章
- php怎么添加框架,PHPWind 给默认的风格添加大框架
- android h5 禁止缩放,vue h5移动端禁止缩放代码
- linux操作普通文件夹,Linux学习--2.文件管理的基本命令
- matlab编写长度为100矩形序列,18春[华中师范大学]华师《Matlab基础与应用》在线作业(100分)...
- vs release 调试 路径设置
- c++ opencv roi
- one of the variables needed for gradient computation has been modified by an inplace
- retinaface极坐标
- c++ socket框架
- sqlalchemy根据表名动态创建model类