在jQuery向上遍历DOM树的API中,有parents()、parent()和closest(),这三个方法比较容易混淆,这里介绍一下三者的区别。 1....首先分别介绍下三个方法 parents([selector]) 本方法用于选择给定jQuery对象中包含的DOM元素或者DOM元素集的祖先节点,并将这些节点包装成jQuery对象返回,返回的节点集是以从里到外的顺序排序的...同时,本方法还接受一个字符串选择器,用于从返回的节点集中筛选符合选择器的子元素集。 parent([selector]) 本方法用于选择给定jQuery对象中包含的DOM元素或者DOM元素集的父节点。...closest(selector) 本方法用于向上遍历jQuery对象中包含的DOM元素或者DOM元素集的祖先节点,直到找到符合selector选择器的节点为止。 2....对象; $("b").parent()将返回:由span构造的jQuery对象; $("b").closest("div")将返回:由div构造的jQuery对象。
定义和用法 parent() 方法返回被选元素的直接父元素。 $(selector).parent(filter) 参数 描述 filter 可选。规定缩小搜索父元素范围的选择器表达式。...parents() 方法返回被选元素的所有祖先元素。 $(selector).parents(filter) 参数 描述 filter 可选。规定缩小搜索祖先元素范围的选择器表达式。...parentsUntil() 方法返回介于 selector 与 stop 之间的所有祖先元素。...closest() 方法返回被选元素的第一个祖先元素。 $(selector).closest(filter,context) 参数 描述 filter 必需。...区别 parent():返回被选元素的直接父元素,返回包含零个或一个元素的 jQuery 对象 parents(selected):从父元素开始沿 DOM 树向上遍历,并返回匹配所传递的表达式的所有祖先
window.parent.location.href"是上一层页面跳转 3."...= window.top.location.href ="Url地址";//在A页面实现展现 window.open("Url地址","_top")//在A页面实现展现 5.parent.parent.location...= "Url地址";//在B页面实现展现 parent.open("Url地址","_parent") = parent.parent.open("Url地址","_self")//在B页面实现展现...综上所述可知:parent.window:父窗口对象 top.window:第一个父窗口的对象 三、重点看看window.parent与window.openner区别 window.parent...='Login.aspx' window.parent也是常在框架中使用, 刷新:window.parent.location.reload();或者刷新某个框架:window.parent.MainForm.location.reload
jQuery on()方法是官方推荐的绑定事件的一个方法。...$().on()结合了这三个方法的优势摒弃了劣势。 2.该函数可以为同一元素、同一事件类型绑定多个事件处理函数。触发事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。 3....由jQuery on()扩展开来的几个以前常见的方法有. bind() $("p").bind("click",function(){ alert("The paragraph was clicked...jQuery1.8之后都不推荐使用,官方在1.9时已经取消使用live()方法了,所以建议都使用on()方法。...tip:如果你需要移除on()所绑定的方法,可以使用off()方法处理。
jQuery on()方法是官方推荐的绑定事件的一个方法。...$(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() $("p").bind("click... }); $("#div2").live("click",function(){ $(this).css("background-color","pink"); }); 以上三种方法在...jQuery1.8之后都不推荐使用,官方在1.9时已经取消使用live()方法了,所以建议都使用on()方法。...tip:如果你需要移除on()所绑定的方法,可以使用off()方法处理。
setInterval()方法
jQuery ajax - ajax() 方法 http://www.w3school.com.cn/jquery/ajax_ajax.asp jQuery Ajax 参考手册 实例 通过 AJAX 加载一段文本...该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。...请参考工具分类下面的 jQuery.param 方法。 timeout 类型:Number 设置请求超时时间(毫秒)。此设置将覆盖全局设置。...如果服务器报告说返回的数据是 XML,那么返回的结果就可以用普通的 XML 方法或者 jQuery 的选择器来遍历。如果见得到其他类型,比如 HTML,则数据就以文本形式来对待。...发送数据到服务器 默认情况下,Ajax 请求使用 GET 方法。如果要使用 POST 方法,可以设定 type 参数值。这个选项也会影响 data 选项中的内容如何发送到服务器。
在jQuery中,$是一个常用的工具方法,用于快速选择和操作元素。它是jQuery库的核心函数,具有强大的功能和灵活的用法。...$方法是一个全局函数,它接受一个选择器字符串或DOM元素,并返回一个包含选中元素的jQuery对象。下面是一些常见的$方法的使用方式:选择元素可以使用CSS选择器作为参数来选择元素。...例如,创建一个新的div元素:$("")这将返回一个表示新创建的div元素的jQuery对象。包装元素可以将一个或多个现有的DOM元素包装到jQuery对象中。...例如,将id为"myElement"的元素包装到jQuery对象中:$("#myElement")这将返回一个包含id为"myElement"的元素的jQuery对象。...$方法的一些常见用法:操作元素的属性和内容:$(".container").addClass("highlight"); // 添加class$(".container").attr("data-id"
jQuery 是一个快速、简洁的 JavaScript 框架,封装 JavaScript 常用的功能代码,提供一种简便的 JavaScript 设计模式,优化 HTML 文档操作、事件处理、动画设计和...Ajax 交互 选择器 符号$表示 jQuery 对象,$函数通常也被称为 jQuery 的工厂函数,jQuery 的操作基本上都以$( )开始,所有选择器都放在这个括号中,例如$("#title")将返回一个...jQuery 选择的 HTML 元素,在返回 jQuery 对象之后,就可以调用由 jQuery 提供的丰富的 API 来完成相应的操作了 基本选择器,通过元素标签名,元素 ID,Class 来查找...button 集合元素 $(":button") 选取所有的按钮 :file 集合元素 $(":file") 选取所有的上传域 :hidden 集合元素 $(":hidden") 选取所有不可见元素 常用方法...第一个 .first(); 最后一个 .last(); 查找最近的 元素 .closest(“li”); 获取当前元素的所有 元素 .find("span"); 获取父元素 .parent
将一组元素转换成其他数组 $("#ID").find(expr);//搜索所有与指定表达式匹配的元素 $("#ID").children();//获得匹配元素集合中每个元素的所有子元素 $("#ID").parent...1 2 3 4 5 序列化 $("form").serialize();//序列化表格内容为字符串 1 工具方法(jQuery可以使用$代替) jQuery.each(obj,callback);//...遍历对象和数组 jQuery.map();//修改数据 jQuery.grep();//数据筛选,返回一个经过筛选后的数组 jQuery.inArray(value,array);//查找元素的下标 jQuery.merge...(array1,array2);//合并两个数组 jQuery.unique(dom);//去除重复DOM元素 jQuery.makeArray(obj);//将类数组对象转换为数组对象 jQuery.trim...jQuery.isEmptyObject();//是否为空对象(不含可枚举的属性)。 jQuery.isFunction();//否为函数。 jQuery.isNumeric();//是否为数组。
jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件,其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。...先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的 1. load( url, [data]...好了,下面开始说jQuery里面功能最强的Ajax请求方法 $.ajax(); jQuery.ajax( options ) 通过 HTTP 请求加载远程数据 这个是jQuery 的底层 AJAX...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。...参考推荐: jQuery ajax - ajax() 方法 jQuery ajax - serialize() 方法 jQuery Ajax 实例 全解析
background-color","yellow"); 3 },function(){ 4 $("p").css("background-color","pink"); 5 }); 定义和用法 hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数...方法触发 mouseenter 和 mouseleave 事件。 注意: 如果只指定一个函数,则 mouseenter 和 mouseleave 都执行它。
1、新建一个ajax.html页面 我们通过点击按钮执行ajax方法,将提交的数据显示在上图下面那个div中 Title <script type="text/javascript" src="js/<em>jquery</em>...100px; border: 1px solid #f00; } ajax<em>方法</em>...json="{\"res\":\"success\"}"; writer.write(json); } } 这里我们将数据按照json格式返回 3、部署项目: 点击ajax方法之后
jQuery css() 方法 css() 方法设置或返回被选元素的一个或多个样式属性。
如何在页面上同时使用 jQuery 和其他框架? ---- jQuery 和其他 JavaScript 框架 正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写。...jQuery 的团队考虑到了这个问题,并实现了 noConflict() 方法。...---- jQuery noConflict() 方法 noConflict() 方法会释放对 $ 标识符的控制,这样其他脚本就可以使用它了。...当然,您仍然可以通过全名替代简写的方式来使用 jQuery: 实例 $.noConflict(); jQuery(document).ready(function(){ jQuery("button...; }); }); 如果你的 jQuery 代码块使用 $ 简写,并且您不愿意改变这个快捷方式,那么您可以把 $ 符号作为变量传递给 ready 方法。
key事件 $("#isbn_search").keyup(function(event) { if (event.which == 13) {...
5.2.parent artifactId 父项目的artifact标识符 groupId 父项目的group标识符 version 父项目的版本 relativePath 父项目的pom.xml文件的相对路径...notifiers 配置用户信息和通知模式,当构建成功通知开发人员/用户, 5.6.notifier 配置通知方法,当构建中断时通知用户/开发人员。...OtherArchives 可选的替代URLs,用于浏览邮件存档信息列表 MAVEN指南(7) 5.1.project元素 元素为描述符的根元素,以下列表列出它的所有子元素: parent
本来想找个“优雅”一点的方法,类似C#在调用C++方法时候的Invoke之类的。没找到,后来想想,其实也没必要,直接写就好了,算最优雅了吧。只是少了VS的Intelligence,有点不习惯罢了。...事情起因: 想写个带类似treeview功能的table,用的是jquey.load 方法,事件complete的时候想把row append到当前行下面,但失败了,有个语法错误。暂不晓得怎么改。...后来网上找到其实Html的table对象本来就有这样的方法, HTMLTableElement.insertRow(); 语法: var row = HTMLTableElement.insertRow
jQuery顶级对象 缩写$ window.jQuery window.$ 第一部分,找对象 其本选择器 $("#id") $(".class") ...在结束标签之前添加元素 before在开始标签前添加元素 remove() 删除当前节点 empty() 清空当前节点之间的内容,节点保留 第三部分,事件,方法...relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which 其它常用的方法...调用插件 cookie插件 var tim =.../js/jquery.easyui.min.js" type="text/javascript"> <script src="../..
live(type, [data], fn)手册API的介绍 jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。
领取专属 10元无门槛券
手把手带您无忧上云