jQuery 判断元素上是否绑定了事件 //jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQuery绑定的事件 var $events = $("#foo").data("events...name="item" class="unknown" /> Item Zli> 如何正确地使用toggleClass: //切换(toggle)类允许你根据某个类的 //是否存在来添加或是删除该类...has()来检查某个元素是否包含某个类或是元素: //jQuery 1.4..../ 如果包含了当前元素就返回true // 如果不包含当前元素就返回false }; // 定制选择器的用法: $('.someClasses:test').doSomething(); 如何检查某个元素是否存在...它存在…… } 如何使用jQuery来检测右键和左键的鼠标单击两种情况: $("#someelement").live('click', function(e) { if( (!
图5-6歌曲排行榜图 通过jQuery将含有“祖国”两个字的歌曲标红的思路展开为两个步骤: (1)先筛选出所有标签为li的节点。...jQuery选择器的代码如下: $("ol li") (2)遍历每个节点的内容,然后匹配关键词“祖国”。 进一步使用each方法可以对找到的每个元素进行遍历,jQuery代码如下所示。...) } }) function这个匿名函数内,每次找到的元素用this关键词来表示,将其加入jQuery对象体系中,变为$(this)以便可以方便使用jQuery的text方法方便获得每个元素的文本内容...,然后利用indexOf方法对内容中是否含有关键词“祖国”进行判断,如果判断后返回的结果大于等于0,那么就意味着这一行应该是当前需要标红的歌曲行。...对含有“祖国”关键词的歌曲标红后的效果如图5-7所示,浏览器中使用console窗体直接执行jQuery代码。
1 JQuery最佳实践 1.1 使用JQuery的ready处理器 $(function () { /* 你的代码 */ }); //或者 $(document).ready(function.../* 你的代码 */ } 1.3 缓存JQuery对象及链式调用 1.3.1 错误的方式 //错误 $('#list li').addClass('strong'); $('#list li').css...('color', 'red'); 1.3.2 缓存JQuery对象 //正确 var $li = $('#list li'); $li.addClass('strong'); $li.css('color...[i] = 'li>Item '+i+'li>'; } $('#myList').html(list_items.join('')); 3.10 使用for循环,不要使用$.each循环 //js...先检查其是否存在 //检查id为myDiv的元素是否存在 if($("#myDiv").length) { } 3.12 函数总是返回false $('#myDiv').click (function
然而有时会出现如下问题: 文件过大(比如1G以上),超出服务端的请求大小限制; 请求时间过长,请求超时; 传输中断,必须重新上传导致前功尽弃; 设置了webconfig和iis后还是不能上传成功; 不想使用...var $list = $('#thelist'); var uploader = WebUploader.create({ // 选完文件后,是否自动上传...baifenbi").html(shuzi.toFixed(2)); } }); // 文件上传成功,给item添加成功class, 用样式标记上传成功...uploader.on('uploadSuccess', function (file, response) { $('#' + file.id).find('p.state').text('已上传...System.IO.Directory.CreateDirectory(dir); string filePath = Path.Combine(dir, index.ToString());//分块文件名为索引名,更严谨一些可以加上是否存在的判断
jQuery就是一个由JavaScript编写的轻量库,简单的说就是封装了一些JavaScript的操作,所以使用jQuery比使用原生的JavaScript可以达到用更少的代码做更多的事的效果。...一、初识jQuery: 1、使用方法: 去官网http://jquery.com/download/下载jQuery的包,然后放到项目中存放js代码的目录下,最后在需要用jQuery的HTML中用使用该属性而不管它的值,这个元素都将被定位,也可以更加明确并定位在这些属性上使用特定值的元素,这就是属性选择器展示它们的威力的地方。 ?...方法,就算如此在实际操作中还是会存在很多问题,这里先不说。...的遍历: jQuery的遍历有很多种方式,下面来看一下都如何使用。
为volantis主题添加瀑布流相册 前言 功能参考自 AIGISSS 效果查看本站更多中的相册页面 目前已知的问题: 1.不支持pjax 2.分类功能无法使用 3.懒加载无法使用,使用懒加载后图片不显示...path.join(__dirname, dirName)); subfiles.forEach(function(subfileName) { // 如果已经存在...o.dirName === dirName)) { // return; // } // 新增标...示例: 之后安装image-size npm i -S image-size 之后执行命令 node photos/tool.js 查看source/photos/文件夹下是否生成json 这里注意,...添加两个命令 rm -rf source/photos/*.json node photos/tool.js 这个image-size有个弊端就是如果不删除之前生成json,删除照片后再生成的json里也会有已删除的照片信息
Ajax 选项或修改已存在选项 $.ajaxSetup() 为将来的 AJAX 请求设置默认值 $.ajaxTransport() 创建处理 Ajax 数据实际传送的对象 $.get() 使用 AJAX...inArray() 在数组中查找指定值并返回它的索引值(如果没有找到,则返回-1) $.isArray() 判断指定参数是否是一个数组 $.isEmptyObject() 检查对象是否为空(不包含任何属性...所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。...jQuery animate() – 使用相关值 演示如何在 jQuery animate() 方法中使用相关值。...jQuery val() – 获取值 使用jQuery val() 方法获取表单的字段值。 jQuery attr() – 获取属性值 使用jQuery attr() 方法获取属性值。
; }) }); $是在jQuery中使用的变量名,可以使用 jQuery.noConflict()避免冲突,它的返回值就是jQuery对象。...复制/删除/替换节点 .clone() 复制节点,可选参数表示是否处理已绑定的事件与数据 .clone(true) 处理当前节点的事件与数据 .clone(true,true) 处理当前节点及所有子节点的事件与数据...$.data() 往节点中获取/设置数据 $.removeData() 删除数据 在内部实现上,jQuery会在指定节点添加一个内部标识,以此为 key,把数据存在内部闭包的一个结构中。...事实上,jQuery的事件绑定机制也使用了这套数据接口。...callbacks.fired() 检查回调链是否被激发 callbacks.locked() 检查回调链是否被锁定
Jquery 的初体验 需求:使用Jquery和javascript给一个按钮绑定单击事件 注意:使用Jquery之前要将第三方jar包导入 值 filter(expr|obj|ele|fn) 按照表达式过滤 is(expr|obj|ele|fn)1.6* 是否满足表达式 has(expr|ele) 是否含有表达式的元素 not(expr...这些属性在dom对象中都会有true和false值的情况。 并且使用attr操作有返回undefined的情况下。使用prop方法。...this.checked; }); // 需要检查一下,是否全部的球类复选框都选中了 // 如果都选中了,设置【全选/全不选 】也选中...这个this对象是当前正在响应事件的dom对象 // 需要检查一下,是否全部的球类复选框都选中了 // 如果都选中了,设置【全选/全不选 】也选中,反之亦然
下面是两个具体的例子: 试图隐藏一个不存在的元素 获得未完全加载的图像的大小 JQuery选择器 选择器须臾对元素组或单个元素进行操作。...:first") 每个 的第一个 li> 元素 $("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性 $("div#intro .head"...显示被隐藏的元素,并隐藏已显示的元素 $(selector).toggle(speed,callback); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast"...jQuery 效果 - 淡入淡出 通过 jQuery,您可以实现元素的淡入淡出效果。 jQuery fadeIn()用于淡入已隐藏的元素。...如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。 如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。
我使用前一个例子,修改它以便于我们创建的每个LI有一个唯一的class。...你也可以下载插件帮助你给非数字值的属性添加动画效果,像colors and background colors 12. 了解事件代理与之前相比,jQuery能够更容易得向DOM元素无缝添加事件。...如何得知图片已加载完毕 这也一个没有很好文档说明的问题(至少在我查找时没看到),但是在创建照片库、旋转灯笼效果等方面,它是相当常见的需求。而这在jQuery中很容易实现。...如何检查元素是否存在你不必检查元素是否在页面上存在就可以使用它,因为如果没有在DOM中找到合适的元素,jQuery什么也不会做。...可是当我们需要检查元素是否被选择了,或是有多少项被选择了,你可以使用length属性: 复制代码代码如下: if ($(‘#myDiv).length) { // your code } 简单之极。
属性是否存在 $("#bj").removeAttr("name"); //获得hobby的的选中状态 var prop = $("#hobby").prop("checked...("one"): * 判断如果元素对象上存在class="one",则将属性值one删除; * 如果不存在,则添加。...() { //处理按钮是否可以使用的效果 $("#startID").prop("disabled",false); $("#stopID.../1.1 定义循环定时器,每20秒执行一次 startID = setInterval(function () { //处理按钮是否可以使用的效果...给结束按钮绑定单击事件 $("#stopID").click(function () { //处理按钮是否可以使用的效果
=value] //概述 //匹配所有不含有指定的属性,或者属性不等于特定的值· //次选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定值的元素,请使用[attr]:not...jQuery的removeAttr方法删除disabled是无效的· 1.7版本在IE6下已支持删除disabled· name 要删除的属性名 描述 将文本中图像的src属性删除 HTML代码...(不存在)就删除(添加)一个类· class CSS类名 class,switch 1·要切换的CSS类名 2·用于决定元素是否包含class的布尔值 switch 用于决定元素是否包含class...无参数描述 设置所有p元素的文本内容 jQuery代码 $("p").text("Hello world"); 回调函数描述 使用函数来设置所有匹配元素的文本内容 jQuery代码 $(...ul> jQuery代码 $("li").last() 结果 [li>list item3li>] has //概述 //检查当前的元素是否含有某个特定的类,如果有,则返回true
需要注意的是,这个方法不会将匹配的元素从jQuery对象中删除,其所有绑定的事件和附加数据可以保留下来。 如果将来再使用这个元素,相关事件和数据依然存在。...// 如果使用remove()方法删除元素,那么之前绑定的事件将会失效。 (3)empty() 清空元素中的所有后代节点。...$("ul").empty(); 复制节点 可以使用clone()方法来复制节点。如果在clone方法中传人参数true,表示复制元素的同时也复制元素中绑定的事件。...$("p").hasClass("another"); //判断p元素是否有"another"类 范例代码 值为Hello
、对象、元素或函数完成指定元素的筛选 hasClass(class) 检查当前的元素是否含有某个特定的类,如果有,则返回true is(expr) 用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回...class) 追加样式 为每个匹配的元素追加指定的类名 removeClass(class) 移除样式 从所有匹配的元素中删除全部或者指定的类 toggleClass(class) 切换样式 判断指定类是否存在...,存在则删除,不存在则添加 hasClass(class) 判断样式 判断元素是否具有class样式 addClass()和removeClass()方法经常一起使用来切换元素的样式。...参数clearQueue与jumpToEnd都是布尔类型,默认值为false,前者规定是否停止被选元素所有加入队列的动画,后者规定是否立即完成当前的动画。...,如xml、json、script或html数据类型 async 是否异步,true表示异步,false表示同步,默认值为true cache 是否缓存,true表示缓存,false表示不缓存,默认值为
如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。..." + value); }); 16、jQuery中查找数组中的索引inArray 在PHP有in_array()判断某个元素是否存在数组中,JavaScript却没有,但是jQuery封装了inArray...()函数判断元素是否存在数组中。...如果数组中不存在该值,则返回 -1。...默认数组是0开始 例如:在数组中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引:4 注意: 如果要判断数组中是否存在指定值,你需要通过该函数的返回值不等于
如何使用jQuery来预加载图像: jQuery.preloadImages = function() { $("img[alt=1]").attr('src', arguments[0]); $...在jQuery中如何测试某个元素是否可见 if($(element).is(':visible') == 'true') { //该元素是可见的 } 16....在jQuery中如何使用.siblings()来选择同辈元素 // 不这样做 $('#nav li').click(function(){ $('#nav li').removeClass('active...如何检查图像是否已经被完全加载进来 $('#theImage').attr('src', 'image.jpg').load(function() { alert('This Image Has Been...如何检查cookie是否启用 var dt = new Date(); dt.setSeconds(dt.getSeconds() + 60); document.cookie = "cookietest
第一种是将html文件改为jsp文件,使用jsp技术(jsp本质上也是一个java servlet)动态显示数据。第二种方式是使用ajax(异步处理技术)并结合JQuery框架进行前后端分离的开发。...但是我们作为初学者,必须了解jsp的运行原理和语法格式,因此本功能我们使用jsp技术开发,后续版本迭代我们再重新使用ajax技术。...class="form-group row"> 是否私密...%> 是否私密...默认值适合大多数情况。
1.jQuery 如何获取元素 jQuery 元素选择器和属性选择器允许通过标签名、属性名或内容对 HTML 元素进行选择并可以进行操作。 $(“a”) 选取 a 元素。...$(’Hello’); $(’li class=“new”>new list itemli>’); $(‘ul’).append(’li>list itemli>’);...4.jQuery 如何移动元素 使用.insertAfter(),把div元素移动p元素后面: (‘div’).insertAfter((‘p’)); 使用.after(),把p元素加到div元素前面...attr()设置或返回匹配元素的属性和值。 hasClass()检查匹配的元素是否拥有指定的类。 html()设置或返回匹配的元素集合中的 HTML 内容。...val()设置或返回匹配元素的值。
到底是什么 jQuery的官网 http://jquery.com/ jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。...对象 jQuery对象转换成DOM对象: var $li = $("li"); //第一种方法(推荐使用) $li[0] //第二种方法 $li.get(0) jquery选择器 什么是jQuery...'li').toggleClass('now'); /*4.匹配一个类 判断是否包含某个类 如果包含返回true否知返回false*/ $('li').hasClass('now')...特殊属性操作 val方法 val方法用于设置和获取表单元素的值,例如input、textarea的值 //设置值 $("#name").val('张三'); //获取值...【案例:五角星评分案例.html】 each方法 jQuery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每一个对象设置不同的值的时候,就需要自己进行迭代了。