`
飞天小女警
  • 浏览: 107173 次
  • 性别: Icon_minigender_2
  • 来自: 重庆
社区版块
存档分类
最新评论

几个有用的JQuery方法

阅读更多

$.browser.浏览器类型:检测浏览器类型。有效参数:safari, opera, msie, mozilla。如检测是否ie:$.browser.isie,是ie浏览器则返回true。
$.each(obj, fn):通用的迭代函数。可用于近似地迭代对象和数组(代替循环)。

$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });
等价于:
var tempArr=[0,1,2];
for(var i=0;i<tempArr.length;i++){
alert("Item #"+i+": "+tempArr[i]);
}
也可以处理json数据,如
$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });
结果为:
Name:name, Value:John
Name:lang, Value:JS
$.extend(target,prop1,propN):用一个或多个其他对象来扩展一个对象,返回这个被扩展的对象。这是jquery实现的继承方式。
如:
$.extend(settings, options);
//合并settings和options,并将合并结果返回settings中,相当于options继承setting并将继承结果保存在setting中。
var settings = $.extend({}, defaults, options);
基于 MODP 框架开发须知
//合并defaults和options,并将合并结果返回到setting中而不覆盖default内容。
可以有多个参数(合并多项并返回)
$.map(array, fn):数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中,并返回生成的新数组。
如:
var tempArr=$.map( [0,1,2], function(i){ return i + 4; });
tempArr内容为:[4,5,6]
var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });
tempArr内容为:[2,3]
$.merge(arr1,arr2):合并两个数组并删除其中重复的项目。
如:$.merge( [0,1,2], [2,3,4] ) //返回[0,1,2,3,4]
$.trim(str):删除字符串两端的空白字符。
如:$.trim(" hello, how are you? "); //返回"hello,how are you? "
12、解决自定义方法或其他类库与jQuery的冲突
很多时候我们自己定义了$(id)方法来获取一个元素,或者其他的一些js类库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引起变量方法定义冲突,Jquery对此专门提供了方法用于解决此问题。
使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应用Jquery的时候只要将所有的$换成jQuery即可,如原来引用对象方法$("#msg")改为jQuery("#msg")。
如:
jQuery.noConflict();
// 开始使用jQuery
jQuery("div p").hide();
// 使用其他库的 $()
$("content").style.display = 'none';
基于 MODP 框架开发须知
1、DOM对象转jQuery对象
普通的Dom对象一般可以通过$()转换成jQuery对象。
如:$(document.getElementById("msg"))
返回的就是jQuery对象,可以使用jQuery的方法。
2、jQuery对象转DOM对象
由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为Dom对象则必须取出其中的某一项,一般可通过索引取出。
如: $("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]
这些都是Dom对象,可以使用Dom中的方法,但不能再使用jQuery的方法。
以下几种写法都是正确的:
$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;

0
0
分享到:
评论

相关推荐

    jQuery使用removeClass方法删除元素指定Class的方法

    紧接着,在文档的部分,我们看到了几个具有class="red"的HTML元素(包括两个标题元素`&lt;h1&gt;`和`&lt;h2&gt;`,以及一个段落元素`&lt;p&gt;`)。这些元素的文本默认情况下为红色字体,但并没有任何加粗或特殊字体大小的样式。 在`...

    jQuery非常有用的几个插件

    本文将重点介绍几个非常有用的jQuery插件,这些插件能够极大地提升开发效率并为用户带来更好的交互体验。 1. **jQuery UI**: jQuery UI是一个官方的插件集合,提供了一系列丰富的组件,如对话框(Dialog)、日历...

    jquery的几个例子程序

    这个例子可能演示了如何利用jQuery UI库的`autocomplete()`方法,结合Ajax请求,从服务器获取匹配的建议列表,为用户提供智能化的输入体验。 这些例子覆盖了jQuery的基础和进阶用法,包括DOM操作、事件处理、动画和...

    jQuery 几个实用特效

    在"jQuery 几个实用特效"中,我们将深入探讨几个关键的jQuery特效,这些特效使得网页交互更加生动有趣。 1. **淡入淡出(FadeIn/FadeOut)** - `fadeIn()` 和 `fadeOut()` 方法用于元素的渐显和渐隐效果,这在创建...

    jQuery 局部div刷新和全局刷新方法总结

    jQuery作为一个广泛使用的JavaScript库,提供了简单便捷的方法来实现这两种刷新。接下来,我们将详细介绍如何使用jQuery进行局部div刷新和全局刷新。 局部div刷新主要指的是只刷新页面中某个特定的div元素区域。这...

    JQuery的50几个应用实例

    在本篇中,我们将深入探讨标题为“JQuery的50几个应用实例”的压缩包内容,这些实例涵盖了jQuery的核心功能和常见应用场景。** ### 1. DOM操作 jQuery简化了对HTML元素的操作,例如选择、创建、修改和删除元素。在...

    jquery.marquee.js官方下载

    jQuery Marquee还提供了几个有用的事件和方法: - `start`:滚动开始时触发。 - `stop`:滚动停止时触发。 - `.pause()`:暂停当前滚动。 - `.resume()`:恢复已暂停的滚动。 - `.destroy()`:销毁Marquee实例,...

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    具体的知识点可以分为以下几个方面: 1. jQuery的AJAX方法:在文章中,通过使用jQuery提供的$.ajax()方法来发起异步请求。这个方法允许我们指定请求的类型(如GET或POST)、URL地址、传递的数据以及当请求成功时...

    50个实用的jquery案例

    - **实现原理:** 使用jQuery提供的工厂方法创建元素,并通过属性对象初始化元素的多个属性。 - **代码示例:** ```javascript var e = $("", { href: "#", class: "a-class another-class", title: "" }); ``` -...

    jQuery常用功能大全

    11. 几个有用的jQuery方法:除了以上提到的方法,jQuery还提供了其他很多方便的功能,比如选择器的扩展、遍历元素的工具方法(如.filter()、.first()、.last())、获取和设置表单值的.val()方法等。 12. 解决自定义...

    jquery 日期选择 datepicker

    - `numberOfMonths`: 显示几个月的日历。 - `dateFormat`: 输出的日期格式。 ### 4. 事件处理 `jQuery DatePicker`提供了一系列事件,如`onSelect`,可以在用户选择日期时触发自定义操作: ```javascript $("#...

    Jquery相册图片滚动

    在“Jquery相册图片滚动”中,主要涉及以下几个jQuery知识点: 1. **选择器**:jQuery提供了丰富的选择器,如ID选择器("#id")、类选择器(".class")、属性选择器("[attr=value]")等,可以方便地定位到HTML中的特定...

    jquery学习必备10几种经典特效

    "jQuery学习必备10几种经典特效"是一个针对初学者和中级开发者的重要资源,它包含了一系列预封装的特效源码,可以帮助你快速掌握jQuery的核心功能和特效实现。 首先,我们来看一下“特效核心”。这个部分通常涵盖了...

    使用JQUERY Tabs插件宿主IFRAMES

    通过上述方法,可以实现一个在单个页面中展示多个外部网页的解决方案,满足在主页中集成多个有用工具或网站的需求。用户可以在不同的tab间切换,查看不同网站的内容,而无需打开多个浏览器窗口或标签页。这种方法...

    jquery插入节点.

    在jQuery中,插入节点主要包括以下几种方式: 1. **append()**: 这个方法用于在每个匹配的元素内部的末尾添加内容。例如,如果我们有一个`&lt;div&gt;`元素,我们可以使用`$("div").append("新内容&lt;/p&gt;")`来在`&lt;div&gt;`的...

    jQuery Gantt 甘特图

    使用jQuery Gantt通常涉及以下几个步骤: 1. **引入资源**:在HTML文件中引入jQuery库和jQuery Gantt插件的CSS及JavaScript文件。 2. **准备数据**:创建符合插件格式的数据结构,例如JSON对象,包含任务ID、开始...

    jQuery1.7.1-1.9.0各版本

    在本文中,我们将深入探讨jQuery的1.7.1至1.9.0这几个版本之间的关键变化和改进,帮助开发者了解这些版本间的差异和进化。 ### jQuery 1.7.1 jQuery 1.7.1是在1.7.0基础上的一次小更新,主要修复了一些已知的问题...

    jQuery UI Autocomplete是jQuery UI的自动完成组件

    该组件的基本用法包括以下几个步骤: 1. **引入依赖**:首先,你需要在HTML页面中引入jQuery库、jQuery UI库以及Autocomplete的CSS和JavaScript文件。 2. **准备数据源**:Autocomplete需要一个数据源来提供建议。...

    jQuery流行广告效果

    在这个名为"jQuery流行广告效果"的资源包中,我们可以看到几个关键组成部分,包括HTML文件、CSS样式表、图片以及JavaScript脚本,这些都是创建动态广告效果的基础。 首先,`index.htm`是主页面文件,它通常包含网页...

    jquery-ui-1.8.12.custom.zip

    在压缩包内,我们发现了以下几个关键文件和目录: 1. **index.html** - 这是示例页面,通常用于展示jQuery UI的不同组件如何工作。它包含了引入jQuery库、jQuery UI脚本和CSS样式表的HTML代码,以及可能的...

Global site tag (gtag.js) - Google Analytics