本文实例讲述了jQuery选择器之层次选择器用法。分享给大家供大家参考，具体如下： 前面一篇介绍了几种基本的jQuery选择器，今天归纳一下jQuery的层次选择器。DOM元素之间的层次关系主要包括元素的子元素、后代元素、相邻元素和兄弟元素等，我们可以通过DOM元素之间的层次关系来获取想要的元素。为了更好的学习，我们先列出一段HTML代码： <body><div id="one" class="aaa">id=one，class=aaa的div<br /><div class="mini">class=mi...
本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考，具体如下： 前面一篇介绍了层次选择器，今天我们学习一下jQuery的另一种选择器：基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西，也就是说过滤后留下的都是自己需要的。jQuery过滤选择器就是通过特定的过滤规则来筛选出所需的DOM元素，jQuery过滤选择器的过滤规则与CSS伪类选择器语法是相同的都以冒号（:）开头。按照过滤规则的不同，我们通常把jQ...
本文实例讲述了jQuery内容过滤选择器与子元素过滤选择器用法。分享给大家供大家参考，具体如下： jQuery的内容过滤选择器 一、:contains(text) 选择器：:contains(text) 描述：匹配包含给定文本的元素 返回值：元素集合 示例： $("div.mini:contains(div)") //div.mini是DOM元素集合，:contains(div)是过滤条件二、:has(selector) 选择器：:has(selector) 描述：匹配含有选择器所匹配的元素的元素 返回值：元素集合 示例： $("div....
本文实例讲述了jQuery表单元素过滤选择器用法。分享给大家供大家参考，具体如下： 前面jQuery内容过滤选择器与子元素过滤选择器，其中的例子稍微多一些解释也有点绕口，希望能帮助大家理解。今天学习表单元素过滤选择器，下面请看使用方法。 一、:enabled 选择器：:enabled 描述：匹配所有可用元素 返回值：元素集合 示例： $("input.mini:enabled") //input.mini是DOM元素集合，:enabled是过滤条件二、:disabled 选择器：:disable...
本文实例分析了jQuery事件多次绑定与解绑问题。分享给大家供大家参考，具体如下： jQuery事件绑定很常见，相信大家经常会用到click、focus、blur等事件，但是如果对控件的某个事件绑定多个方法会是怎样的结果呢，覆盖、累加、或其他效果？今天我就来验证一下这个疑问并说说如何解绑。 一、jQuery事件多次绑定 <head><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script type="text/javascript">$(do...
本文实例讲述了jQuery中each遍历的三种方法。分享给大家供大家参考，具体如下： 1、选择器+遍历 $(div).each(function (i){//i就是索引值//this 表示获取遍历每一个dom对象 });2、选择器+遍历 $(div).each(function (index,domEle){//index就是索引值//domEle 表示获取遍历每一个dom对象 });3、更适用的遍历方法 1）先获取某个集合对象 2）遍历集合对象的每一个元素 var d=$("div"); $.each(d,function (index,domEle){//d是要遍历...
本文实例讲述了jQuery实现为动态添加的元素绑定事件。分享给大家供大家参考，具体如下： 在使用jquery的方式为元素绑定事件时，我经常使用bind或者click,但这只能为页面已经加载好的元素绑定事件。像需要用ajax的方式请求远程数据来动态添加页面元素时，显然以上几种绑定事件的方式是无效的，具体写法如下。 $(selector).bind(event,data,function) $(selector).click(function) $("#searchMoveVideoResult ul li").bind("click",f...
本文实例讲述了jQuery中$原理。分享给大家供大家参考，具体如下： 1、外层沙箱及命名空间$ 为了避免声明了一些全局变量而污染，把代码放在一个“沙箱执行”，jQuery具体的实现，都被包含在了一个立即执行函数构造的闭包里面，然后在暴露出命名空间（可以为API，函数，对象），如只暴露 $ 和 jQuery 这2个变量给外界： (function(window, undefined) {// 用一个函数域包起来，就是所谓的沙箱// 在这里边var定义的变量，属于这个函数...
本文实例讲述了jQuery.extend 与 jQuery.fn.extend的用法及区别。分享给大家供大家参考，具体如下： jQuery是一个JavaScript类，如$("#input1") 生成一个 jQuery类的实例。 jQuery为开发插件提拱了两个方法：jQuery.fn.extend()和jQuery.extend()。 1、jQuery.extend() (1)扩展 jQuery 类本身，为jQuery类添加类方法（静态方法） jQuery.extend({add: function(a, b) { alert(a + b); } }); jQuery.add(10,20); //30(2)jQuery.exte...
本文实例讲述了jQuery实现简单的计时器功能。分享给大家供大家参考，具体如下： 在写项目的过程中遇到要前端60秒发送验证码的业务需求，于是用到计时器的功能： setInterval(function xxx(){//业务逻辑 },隔多少时间执行一次)60秒计时思路： 1、设置秒数：60s 2、设置内容：实时改变，秒数+内容 3、结束后：去掉按钮的disable，内容恢复原来样子 //计时器60秒 function timeInterval(){$("#code_send_btn").html("60秒后重新获取邮...
本文实例讲述了jQuery表格(Table)基本操作。分享给大家供大家参考，具体如下： Jquery 操作 Html Table 是很方便的，这里对表格的基本操作进行一下简单的总结。 首先建立一个通用的表格css 和一个 表格Table： table {border-collapse: collapse;border-spacing: 0;margin-right: auto;margin-left: auto;width: 800px;}th, td{border: 1px solid #b5d6e6;font-size: 12px;font-weight: normal;text-align: center;vertical-align:...
本文实例讲述了jQuery加载及解析XML文件的方法。分享给大家供大家参考，具体如下： 1、简述 XML（eXtensible Markup Language）即可扩展标记语言，与HTML一样，都是属于SGML标准通用语言。 2、 Content-Type 很多情况下XML文件不能正常解析都是由于Content-Type没有设置好。如果Content-Type本身就是一个XML文件则不需要设置；如果是由后台程序动态生成的，那么就需要设置Content-Type为“text/xml”，否则jQuery会以默认的“text/...
本文实例讲述了jQuery插件JWPlayer视频播放器用法。分享给大家供大家参考，具体如下： JWPlayer 插件播放视频播放器 使用方法： <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ page contentType="text/html; charset=UTF-8"%> <!DOCTYPE html> <html> <head><meta charset="UTF-8"><meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport"/><meta co...
本文实例讲述了jQuery实现点击某个div打开层，点击其他div关闭层的方法。分享给大家供大家参考，具体如下： 其实很早就学过js一些高级部分的知识，但是用的不多，也就慢慢淡忘了。最近发现随着编程的深入，你不得不用到它们，比如事件的冒泡。有一需求如下： ①点击class = "click" 块 弹出 class="pop" 块 ②点击class = "page" 块 关闭 class="pop" 块 ③点击class = "pop" 块 不关闭任何块 如果用jQuery 鲁莽一点，直接的程序就...
本文实例分析了jQuery常用样式操作。分享给大家供大家参考，具体如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> .high {font-weight: bold; /* 粗体字 */color : red; /* 字体颜色设置红色*/ } .another {font-style: italic;color: blue; } </style> <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script> <script ty...