本文实例讲述了jQuery中wrapAll()方法用法。分享给大家供大家参考。具体分析如下： 此方法将所有匹配的元素用单个元素包裹起来。 此方法与wrap()方法虽然功能类似，但是有着很大区别。wrap()方法会把每一个匹配的元素都匹配一次。 语法一: 用指定的DOM元素去包裹匹配元素。代码如下:$(selector).wrapAll(elem) 参数列表:参数描述elem用于包裹目标的DOM元素。 实例:代码如下:脚本之家 div{width:200px;height:200px;border:1px soli...
本文实例讲述了jQuery中empty()方法用法。分享给大家供大家参考。具体分析如下： 此方法能够将匹配元素中的所有内容移除，包括所有文本和子节点。 语法结构: 代码如下:$(selector).empty() 实例代码:代码如下:脚本之家div{height:200px;width:200px;border:1px solid red } ul li{border:1px solid blue;height:100px;width:100px; }$(document).ready(function(){ $("button").click(function(){ $("div").empty(); }); }) 脚本之...
本文实例讲述了jquery中one()方法的用法。分享给大家供大家参考。具体分析如下： jQuery中的one()方法：表示只执行一次，代码如下：代码如下:jquery事件：one()方法的使用$(document).ready(function(){$("p, h1, h2").one("click",function(){$(this).animate({fontSize:"+=3px"});}); });这是一个标题 这是另一个标题 这是一个段落希望本文所述对大家的jQuery程序设计有所帮助。JavaScript教程/参考手册 JavaScript热...
本文实例讲述了jQuery中innerHeight()方法用法。分享给大家供大家参考。具体分析如下： 获取第一个匹配元素内部区域高度。 包括内补白(padding)、不包括边框border)。 也就是说内部区域的宽度等于width和padding之和。 此方法对可见和隐藏元素均有效。 可以结合innerWidth()方法学习。 语法结构:代码如下:$(selector).innerHeight() 实例代码:代码如下:脚本之家p{background-color:green;height:100px;width:200px;padding:10px;bo...
本文实例讲述了jQuery中ready事件用法。分享给大家供大家参考。具体分析如下： 此事件会在文档加载就绪以后触发，也就是当DOM对象已经加载，并且网页内容全部呈现时候触发。 ready()方法可以为ready事件绑定事件处理方法，并且此方法的选择器是唯一的，那就是document对象。 语法形式有三种，后两种是第一种的简写。 语法结构: 语法一：代码如下:$(document).ready(function) 语法二：代码如下:$().ready(function) 语法三：代码如...
本文实例讲述了jQuery中triggerHandler()方法用法。分享给大家供大家参考。具体分析如下： 此方法触发被选元素的指定事件类型。 从上面定义可以看出此方法和trigger()方法功能上很类似，但还是有巨大区别。以下是主要区别: 1.此方法不会触发浏览器默认事件。 2.此方法触发jQuery对象集合中第一个元素的事件处理函数，不会产生事件冒泡。 3.此方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。 语法结构:代码如下...
本文实例讲述了jQuery中live()方法用法。分享给大家供大家参考。具体分析如下： 此方法为匹配元素添加一个或多个事件，并规定当这些事件发生时运行的函数。 特别说明:jQuery1.9已经删除此方法。 语法结构:代码如下:$(selector).live(type,data,function) 参数列表:参数描述type定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。data可选。定义传递到事件处理函数的额外数据。function定义当事件发生时运行的函数。 实例...
本文实例讲述了jQuery中on()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以在匹配元素上绑定一个或者多个事件处理函数。 使用off()方法可以删除on()方法绑定的事件。 语法结构一:代码如下:$(selector).on(events,[selector],[data],fn) 参数列表:参数描述events一个或多个用空格分隔的事件类型和可选的命名空间。selector可选。一个选择器字符串，用以过滤选定的元素，该选择器的后裔元素将调用处理程序。如果选择是空...
本文实例讲述了jQuery中offsetParent()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以返回匹配元素所有祖先元素中第一个采用定位的祖先元素。 所谓采用定位的父元素就是施加position:relative或者position:absolute(fixed)的元素。 此方法仅对可见元素有效。 语法结构:代码如下:$(selector).offsetParent() 代码实例:代码如下:offsetParent()函数-脚本之家 .grandfather {width:200px;height:200px;background-color:...
本文实例讲述了jQuery应用之jQuery链用法。分享给大家供大家参考。具体分析如下： 很多时候我们可以将jQuery语句链接在一起，这不仅可以缩短代码长度，而且很多时候可以实现特殊的效果。先看如下代码：代码如下:$(function() {$("div").addClass("css1").filter(function(index) {return index == 1 || $(this).attr("id") == "fourth";}).addClass("css2");});以上代码为整个列表增加样式css1,然后再进行筛选，再为筛选的元素单独...
本文实例讲述了jQuery中outerWidth()方法用法。分享给大家供大家参考。具体分析如下： 此方法获取第一个匹配元素外部宽度。 默认情况下外部高度是宽度(width)、内补白(padding)和边框(border)之和。 如果参数设置为true的话，外补白(margin)尺寸也会算入外部宽度。 此方法对可见和隐藏元素均有效。 可以与outerHeight()方法结合学习。 语法结构:代码如下:$(selector).outerWidth(options) 参数列表:参数描述options定义是否把外补白...
本文实例讲述了jQuery使用之标记元素属性用法。分享给大家供大家参考。具体分析如下： 这里介绍jQuery的使用主要包括jQuery如何控制页面，包含元素的属性、css样式风格、DOM模型、表单元素和事件处理等。 标记元素的属性 html中每一个标记都具有一些属性，他们这个标记在页面中呈现各种状态，例如下面的标记代码如下: 该标记表示标记的名称，为一个超链接，另外还有href titile target id等属性表示这个超链接在页面中的各种状态。...
本文实例讲述了jQuery中unbind()方法用法。分享给大家供大家参考。具体分析如下： 此方法移除被选元素的事件处理程序，包括通过bind()方法注册的自定义事件。 unbind()方法如果不带参数，则删除所有绑定的事件。 此方法如果提供了事件类型作为参数，则只删除该类型的绑定事件。 如果把在绑定时传递的处理函数作为第二个参数，则只有这个特定的事件处理函数会被删除。 语法结构:代码如下:$(selector).unbind(type,function) 参数列...
本文实例讲述了jQuery中die()方法用法。分享给大家供大家参考。具体分析如下： 此方法移除所有通过live()方法向指定元素添加的一个或多个事件处理程序。 语法结构:代码如下:$(selector).die(type,function) 参数列表:参数描述type可选。定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。function定义当事件发生时运行的函数。 实例代码:代码如下:脚本之家div{border:1px solid blue;} li {list-style-type:none;width:...
本文实例讲述了jQuery使用之设置元素样式用法。分享给大家供大家参考。具体分析如下： css是页面不能分隔的部分，jQuery中也提供了一些css相关的实用的办法。前面文章中有使用过 addClass()为元素添加css样式风格。这里主要介绍jQuery如何设置页面的样式风格。包括添加、删除、动态切换等。 1. 添加、删除css类别。代码如下:$(function() {//同时添加多个CSS类别$("img").addClass("css1 css2"); }); 如以上代码对img元素添加了css...