JQuery 返回布尔值Is()条件判断方法代码

下面是JQuery的Is()方法判断；


代码如下:

$(function(){
$("ul").click(function(event){
var tar = event.target;
if(tar.tagName == "STRONG"){
alert(tar.tagName);
}
});
})

上面是原生JS判断；


代码如下:

$(function(){
$("ul").click(function(event){
var tar = event.target;
if($(tar).is("strong")){
alert(tar.tagName);
}
});
})

JQuery里面的方法大多是返回JQuery对角.而Is（）方法，返回的一个布尔值；
区别：
$(tar)：将tar对象包装成一个jquery对象，只有这样，才能使用jquery的方法；$(tar).is("strong")：用Is()方法来判断；

jQuery 中 is方法的使用

is()是用来检测是否有匹配的元素。
帮助文档中的解释: 用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。

上面的说法我们当然知道是正确的. 但我们也可以这么写
alert($("input:checkbox").is(":checked")); //这样一来我们就可以判断某一个checkbox是否选中了. 依次类推.我们可以使用:checked 是否也可以使用其他的呢. 当然是可以的..在帮助文档里 搜索下 " : " 这里面的类型都可以用来进行判断

比如 $("input[name=btnClick]").is(":button"); 用来判断控件是不是 button 等等..

剩下的就是大家自己的努力咯..

赞 (0)

相关推荐

  • js实现点击文本框显示日期选择器特效代码分享

    js实现点击文本框显示日期选择器特效代码分享

    为大家分享的JavaScript图片轮播代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js点击文本框显示日期选择器</title> <link type="text/css" rel="stylesheet" href="calen

  • JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")

    样式:$(function (){ $("要选择的标签").click(function (){alert ("弹出对话框内容");}) }); 第一种:Id选择器 用法: 复制代码 代码如下: <head> <title></title> <script src ="Jq/jquery-1.4.2.js" type ="text/javascript" ></script

  • jquery 中多条件选择器,相对选择器,层次选择器的区别

    一.Jquery常用的过滤选择器如下所示: 1.:first,选取第一个元素,比如$("div:first")选取第一个div元素 2.:last,选取最后一个元素,比如$("div:last")选取最后一个div元素 3.:not(选择器),选取不满足"选择器"条件的元素,比如$("div:not(.className)"),选取样式不是className的所有div元素 4.:even/:odd,选取索引为偶数/奇数的元素

  • jQuery UI设置固定日期选择特效代码分享

    jQuery UI设置固定日期选择特效代码分享

    本文实例讲述了jQuery UI设置固定日期选择特效.分享给大家供大家参考.具体如下: jQuery实现UI设置固定日期选择特效是一款jQuery ui日期插件,可选固定日期及自定义日期代码. 运行效果图:                             -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的jQuery UI设置固定日期选择代码如下 <head> <m

  • jquery实现多条件筛选特效代码分享

    jquery实现多条件筛选特效代码分享

    本文实例讲述了jquery实现多条件筛选特效.分享给大家供大家参考.具体如下: jquery实现的多条件搜索表单带日期选择表格表单效果源码,是一段实现了多个条件筛选搜索的特效代码,多条件拥有时间.地点.酒店位置及酒店名称等选项,同时在时间的输入表格中拥有时间选择功能,是一款非常实用的特效代码,值得大家学习. 运行效果图:                        -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,

  • Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例

    复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="JquerySort.aspx.cs" Inherits="demo_JquerySort" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www

  • jQuery带时间的日期控件代码分享

    jQuery带时间的日期控件代码分享

    本文实例讲述了JS+CSS3实现的类似于苹果iwatch计时器特效.分享给大家供大家参考.具体如下: 带时间的jQuery日期控件代码是一款基于jQueryUI实现的,可自定义日期插件语言,这个日期控件的亮点就在于选择的时间可精确到分钟. 运行效果图:                    -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的jQuery带时间的日期控件代码如下 <h

  • JQuery 返回布尔值Is()条件判断方法代码

    下面是JQuery的Is()方法判断: 复制代码 代码如下: $(function(){ $("ul").click(function(event){ var tar = event.target; if(tar.tagName == "STRONG"){ alert(tar.tagName); } }); }) 上面是原生JS判断: 复制代码 代码如下: $(function(){ $("ul").click(function(event){

  • jQuery 1.9版本以上的浏览器判断方法代码分享

    废话不多说了,直接给大家贴代码了,具体代码如下所示: var matched, browser; jQuery.uaMatch = function( ua ) { ua = ua.toLowerCase(); var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) || /(webkit)[ \/]([\w.]+)/.exec( ua ) || /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) || /(msi

  • javascript if条件判断方法小结

    条件语句用于基于不同的条件来执行不同的动作. 条件语句 通常在写代码时,您总是需要为不同的决定来执行不同的动作.您可以在代码中使用条件语句来完成该任务. 在 JavaScript 中,我们可使用以下条件语句: •if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码•if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码•if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行•switch 语句 - 使用

  • JavaScript中的boolean布尔值使用学习及相关技巧讲解

    JavaScript中的两个基础的布尔类型的值: 1.true 2.false 布尔值 true 代表"真",false 代表"假".一般关系运算符会返回布尔值的结果.另外,数值的 0.-0.特殊值的 null.NaN.undefined 以及空字符("")都会被解释为 false ,其他值则会被解释为 true . function isMonth(mon) { if ((mon >= 1) && (mon <= 1

  • jquery中获得$.ajax()事件返回的值并添加事件的方法

    如果想获得$.ajax()中返回的值,直接用在success:funciton(){return xx} 是不可以的,要想获得xx的值,要在script中,使用全局变量.利用全局变量引出xx的值. jquery 取得$.ajax事件中的返回值,并添加事件 复制代码 代码如下: <html> <head> <title>测试JQUERY提交动态文本</title> <script language="javascript" src=&

  • Spring Boot中的那些条件判断的实现方法

    Spring Boot中的那些Conditional spring boot中为我们提供了丰富的Conditional来让我们得以非常方便的在项目中向容器中添加Bean.本文主要是对各个注解进行解释并辅以代码说明其用途. 所有ConditionalOnXXX的注解都可以放置在class或是method上,如果方式在class上,则会决定该class中所有的@Bean注解方法是否执行. @Conditional 下面其他的Conditional注解均是语法糖,可以通过下面的方法自定义Conditi

  • jQuery获取多种input值的简单实现方法

    获取input的checked值是否为true: 第一种: if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 --注:name即控件name属性,value即控件value属性 第二种: 可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式: if($("input[name=row_checkbox]").attr('ch

  • Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在

    Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在

    1.jquery grep()筛选遍历数组(可以得到反转的数组) // 1.jquery grep()筛选遍历数组(可以得到反转的数组) var array = [1,5,9,3,12,4,48,98,4,75,2,10,11]; var filterArray = $.grep(array,(currentValue) => { return currentValue > 10; }); console.log(`${filterArray}---${filterArray.length}`

  • Golang断言判断值类型的实现方法

    Golang断言判断值类型的实现方法

    Golang可以通过断言,判断值的类型 s:="hello world" i:=interface{}(s)//将数值转化为interface空接口类型 //需要注意的是,必须是空接口类型才能使用断言,如果不是空接口类型会报错 //Invalid type assertion: a.(string) (non-interface type string on left) v,e:=i.(string)//返回value和error值,当err值为true则转化成功,value的值为括号

  • 关于mybatis if else if 条件判断SQL片段表达式取值和拼接问题

    关于mybatis if else if 条件判断SQL片段表达式取值和拼接问题

    前言 最近在开发项目的时候涉及到复杂的动态条件查询,但是mybaits本身不支持if elseif类似的判断但是我们可以间接通过 chose when otherwise 去实现其中choose为一个整体 when是if otherwise是else 快速使用 以前我们进行条件判断时候使用if标签进行判断,条件并列存在 <if test="seat_no != null and seat_no != '' "> AND seat_no = #{seat_no} </i

随机推荐