- 浏览: 3376034 次
- 性别:
- 来自: 珠海
文章分类
- 全部博客 (1633)
- Java (250)
- Android&HTML5 (111)
- Struts (10)
- Spring (236)
- Hibernate&MyBatis (115)
- SSH (49)
- jQuery插件收集 (55)
- Javascript (145)
- PHP (77)
- REST&WebService (18)
- BIRT (27)
- .NET (7)
- Database (105)
- 设计模式 (16)
- 自动化和测试 (19)
- Maven&Ant (43)
- 工作流 (36)
- 开源应用 (156)
- 其他 (16)
- 前台&美工 (119)
- 工作积累 (0)
- OS&Docker (83)
- Python&爬虫 (28)
- 工具软件 (157)
- 问题收集 (61)
- OFbiz (6)
- noSQL (12)
最新评论
-
HEZR曾嶸:
你好博主,这个不是很理解,能解释一下嘛//左边+1,上边+1, ...
java 两字符串相似度计算算法 -
天使建站:
写得不错,可以看这里,和这里的这篇文章一起看,有 ...
jquery 遍历对象、数组、集合 -
xue88ming:
很有用,谢谢
@PathVariable映射出现错误: Name for argument type -
jnjeC:
厉害,困扰了我很久
MyBatis排序时使用order by 动态参数时需要注意,用$而不是# -
TopLongMan:
非常好,很实用啊。。
PostgreSQL递归查询实现树状结构查询
http://my.oschina.net/xuqianwen/blog/341803
这篇文章主要介绍了jQuery is()函数用法3例,jQuery的is()函数其实是非常有用的,能不能用好直接决定你的代码是否高效,需要的朋友可以参考下。
jQuery提供了is()方法可以很方便的判断元素是否可见,是否隐藏,是否选中。
一、判断元素是否隐藏
如下html中的div元素是隐藏的:
代码如下:
二、判断checkbox是否选中
jquery中可以通过xx.is(':checked')判断checkbox,radiobutton是否是选中状态,如下测试html
代码如下:
三、判断是否使用了某个样式
代码如下:
这篇文章主要介绍了jQuery is()函数用法3例,jQuery的is()函数其实是非常有用的,能不能用好直接决定你的代码是否高效,需要的朋友可以参考下。
jQuery提供了is()方法可以很方便的判断元素是否可见,是否隐藏,是否选中。
一、判断元素是否隐藏
如下html中的div元素是隐藏的:
代码如下:
<!doctype html> <html> <head> <script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script> </head> <body> <div id="test" style="display:none">你看不到我</div> <span ></span> <script type="text/javascript"> $('span').html('test div is visible? ' + $('#test').is(':visible')); </script> </body> </html>
二、判断checkbox是否选中
jquery中可以通过xx.is(':checked')判断checkbox,radiobutton是否是选中状态,如下测试html
代码如下:
<!doctype html> <html> <head> <script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script> </head> <body> <p> <input type="checkbox" name="chkChecked" checked="checked"/> chkChecked <input type="checkbox" name="chkNoChecked" /> chkNoChecked </p> <span ></span> <script type="text/javascript"> $('span').html('chkChecked checked? ' + $('input[name=chkChecked]').is(':checked') + '<br/> ' +'chkNoChecked checked? ' + $('input[name=chkNoChecked]').is(':checked') ); </script> </body> </html>
三、判断是否使用了某个样式
代码如下:
<html lang="en"> <head> <meta charset="utf-8"> <title>is函数介绍</title> <style> //设置一些基本样式 div { width:60px; height:60px; margin:5px; float:left;border:4px outset; background:green; text-align:center;font-weight:bolder; cursor:pointer; } .blue { background:blue; } //样式1 .red { background:red; }//样式2 span { color:white; font-size:16px; } p { color:red; font-weight:bolder; background:yellow;margin:3px; clear:left; display:none; } </style> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> //注意 这里使用的是jQuery官方的脚步库 </head> <body> <div></div> //注意这里出现了第一个div <div class="blue"></div>//注意这里出现了第2个div <div></div>//注意这里出现了第3个div <div class="red"></div>//注意这里出现了第4个div <div><br/><span>Peter</span></div>//注意这里出现了第5个div <div class="blue"></div>//注意这里出现了第6个div <p> </p> <script> $("div").one('click', function () { //$("div").one 代表对div元素附加一个事件, //还能附加多个事件 譬如click或者mouseout时同时执行一些事情 if ($(this).is(":first-child")) { //is函数发挥作用了,is(":first-child") 代表 //判断此div是否第一个出现的div $("p").text("It's the first div."); //text和html区别在于是否支持html标记 // 此时你在里面写个 alert是不会执行的 } else if ($(this).is(".blue,.red")) { //判断该div是否 具有blue或者red的 class $("p").text("这是个蓝色或者红色的div"); } else if ($(this).is(":contains('Peter')")) { //判断div中是否存在Peter这个词 $("p").text("It's Peter!"); } else { $("p").html("It's nothing <em>special</em>."); } $("p").hide().slideDown("slow"); //这是一个动画效果。慢慢展现p的内容 $(this).css({"border-style": "inset", cursor:"default"}); }); </script> </body> </html>
发表评论
-
TimeDifference.js获取时间差插件
2016-06-06 16:46 1134http://www.oschina.net/p/timedi ... -
日期时间插件Date-Utils
2016-05-28 23:16 1312原文 https://segmentfault.com/a/1 ... -
Riot v2.4.1 发布,JavaScript 的 MVP 框架
2016-05-23 13:14 951http://www.oschina.net/news/736 ... -
个最实用的JavaScript开发工具
2016-05-21 10:22 832http://my.oschina.net/u/2421687 ... -
zepto tap “点透”的解决
2016-05-20 15:44 1009http://my.oschina.net/u/2497925 ... -
Date.js
2016-04-20 17:09 957原文 http://my.oschina.net/hnqing ... -
你真的了解图片的预加载吗
2016-04-14 10:26 1094http://my.oschina.net/HerrySun/ ... -
JavaScript之立即执行函数
2016-03-30 11:42 1196http://blog.csdn.net/qq83841923 ... -
JavaScript迭代
2016-03-27 01:44 718http://my.oschina.net/u/2346786 ... -
zepto(移动简化版jQuery),的 API 分类
2016-03-24 09:22 1703http://my.oschina.net/leejun200 ... -
[HTML5]Notification桌面提醒功能
2016-03-23 21:20 945[HTML5]Notification桌面提醒功能 http: ... -
js中浮点型运算
2015-12-14 11:12 1289http://www.cnblogs.com/wangkong ... -
JavaScript 文件拖拽上传插件 dropzone.js 介绍
2015-12-04 23:12 1789JavaScript 文件拖拽上传插件 dropzone.js ... -
jqgrid保存或者删除成功后调用自定义方法的解决方法
2015-11-19 23:53 5966参考: http://www.debugease.com/ja ... -
Java执行js脚本
2015-11-14 23:40 1001http://my.oschina.net/sniperLi/ ... -
YUI Compressor压缩JS
2015-11-06 17:12 1059过程心得记录 http://www.cnblogs.com/t ... -
如何使用js、html5在浏览器直接打开pdf文档
2015-11-03 22:32 8635http://q.cnblogs.com/q/48507/ ... -
js获取 本周,本月,本季度,本年,上月,上周,上季度,去年
2015-11-03 00:01 2893/** * 针对Ext的工具类 */ var ... -
正则表达式
2015-10-10 09:27 878http://my.oschina.net/robortly/ ... -
jquery垮页面事件传递
2015-08-25 21:18 1043http://my.oschina.net/u/157514/ ...
相关推荐
setTimeout()从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次 ;和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert(1&#...
jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。 通常会把 jQuery 代码放到 部分的事件处理方法中: 实例 ...
jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...
主要介绍了jQuery中closest()函数用法,实例分析了closest()函数的功能、定义及匹配元素的各种技巧,需要的朋友可以参考下
还有一种情况,在得到了jQuery()对象之后,想要判断其是否满足条件,那么可以调用is()、hasClass()等方法,返回一个boolean值,进行后续的判断。这类方法也可以归到这类。 第三步是在获取准确的jQuery对象之后,...
This is jQuery's low-level AJAX implementation. See $.get, $.post etc. for higher-level abstractions that are often easier to understand and use, but don't offer as much functionality (such as error ...
jQuery会自动调用正确的方法名称来代替查询字符串,执行你指定的回调函数。或者,你也可以指定jsonp的数据类型的回调函数,此函数会自动添加到Ajax请求中。 参数选项: async(true) 数据类型: Boolean ...
jquery中的each函数和map函数的用法看起来差不多,但其实还是有一点区别的。 其中一个重要的区别是,each返回的是原来的数组,并不会新创建一个数组。而map方法会返回一个新的数组。如果在没有必要的情况下使用...
题主Vue小白,入门demo时想在其中使用jQuery(当然可能是不推荐的做法哈,毕竟俩儿的风格不一样,但万一你就需要呢 _^ ^_),结果遇到问题,最终倒腾解决。 编译报错:$ is undefined or no-undef ‘$’ is not ...
jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...
和ES6的Promise对象长的有点像,jQuery的Deferred对象也有resolve、reject、then方法,还有done、fail、always……方法。jQuery就是用这个Deferred对象来注册异步操作的回调函数,修改并传递异步操作的状态。 玩玩...
jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...
combo:修复“isValid”方法无法返回布尔值的问题; combo:修复点击页面某一个combo组件的下拉列表时触发的“onHidePanel”事件会导致页面上其他combo组件的下拉列表被关闭的问题; combogrid:修复某些从combo...
本文实例讲述了jQuery 选择方法及$(this)用法。分享给大家供大家参考,具体如下: 选择方法 用方法来选择元素,可以视作$()函数的链式调用,返回仍然是一个jQuery对象 $(function() { //一、根据结果集中元素位置来...
什么是对象:其实,在javascript中对象是一组“键/值”的组合,说白了就是数据集,表示属性和方法 jQuery 判断一个对象是否为空是使用for name in obj 来遍历对象中的属性名.如果一个对象有属性名则运行return false...
” onDirty修改表单时调用的函数onClean将表单恢复到原始状态时调用的函数方法$("#myForm").dirty("isDirty"); 如果表单已修改,则返回true $("#myForm").dirty("isClean"); 如果尚未修改表单,则返回tr
1.首先,我们来看一下经常使用的添加事件的方式: <input type=button id=btn ...只能为一个事件处理函数,在事件处理函数方法中,获取事件对象的方式不同. jQuery中的事件 ready事件: 当页面加载完成后,来执行fun
jQuery中的isPlainObject() 函数用于判断指定参数是否是一个纯粹的对象,返回值为Boolean类型。 “纯粹的对象”,就是通过 { }、new Object()、Object.create(null) 创建的对象。 这个方法的作用是为了跟其他的 ...