isArray(obj) 检测obj否为一个数组对象
isFunction(obj) 检测obj否为一个函数
isEmptyObject(obj) 检测obj否为一个空对象
isPlainObject(obj) 检测obj否为一个纯粹对象(是否是通过{}或new Object()关键字创建的)
contains(container,contained)检测一个DOM节点是否包含另一个DOM节点
data()函数
$(selector).data(name,value) 向被选元素附加数据
$(selector).data(name) 从被选元素中返回附加的数据
$(selector).data(object) 使用带有名称/值对的对象向被选元素添加数据
向元素附加数据,然后取回该数据:
[javascript] view plaincopyprint?
- $("#btn1").click(function(){
- $("div").data("greeting","Hello World");
- });
- $("#btn2").click(function(){
- alert($("div").data("greeting"));
- });
从元素中删除之前添加的数据:
[javascript] view plaincopyprint?
- $("#btn2").click(function(){
- $("div").removeData("greeting");
- alert("Greeting is: " +$("div").data("greeting"));
- });
map()函数
map(array,function(elementOfArray,indexOfArray))
grep是过滤数组中的元素,map是按指定要求修改数组中的所选元素
将一组元素转换成其他数组(不论是否是元素数组);
[javascript] view plaincopyprint?
- <p><b>Values:</b></p>
- <form>
- <input type="text"name="name" value="John"/>
- <input type="text"name="password" value="password"/>
- <input type="text"name="url" value="http://ejohn.org/"/>
- </form>
- exampl:
- $("p").append($("input").map(function(){
- return $(this).val();
- }).get().join(",") );
- result: <p>John, password, http://ejohn.org/</p>
- $.map(attr,function(ele,index){
- if(ele>5&&index<8){
- return ele+1;
- } //将数组中元素值大于5并且序号小于8的元素加1
- });
$.param()函数
$.param(object,[traditional])
object表示要被序列化的对象,该对象可以是数组、JQuery对象、普通对象
traditional表示是否通过普通的方式浅层序列化,返回序列化后的字符串
[javascript] view plaincopyprint?
- var myObject = {
- a: {
- one: 1,
- two: 2,
- three: 3
- },
- b: [1,2,3]
- };
- varrecursiveEncoded = $.param(myObject);
- varrecursiveDecoded = decodeURIComponent($.param(myObject));
- alert(recursiveEncoded);
- alert(recursiveDecoded);
recursiveEncoded和 recursiveDecoded 的值输出如下:
a%5Bone%5D=1&a%5Btwo%5D=2&a%5Bthree%5D=3&b%5B%5D=1&b%5B%5D=2&b%5B%5D=3
a[one]=1&a[two]=2&a[three]=3&b[]=1&b[]=2&b[]=3
如果被传递的对象在数组中,则必须是以.serializeArray() 的返回值为格式的对象数组
[
{name: ‘firstname‘, value: ‘Hello‘},
{name: ‘lastname‘, value: ‘World‘},
{name: ‘alias‘}, // 值为空
]
$.proxy()函数
接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文(context )语境,这个方法通常在向一个元素上附加事件处理函数时,上下文语境实际是指向另一个对象的情况下使用。
另外,jQuery 能够确保即使你绑定的函数是经过 jQuery.proxy() 处理过的函数,你依然可以用原先的函数来正确地取消绑定。
jQuery.proxy(function, context )
function将要改变上下文语境的函数。
context函数的上下文语境(`this`)会被设置成这个object 对象。
jQuery.proxy(context, name )
context函数的上下文语境会被设置成这个 object 对象。
name将要改变上下文语境的函数名(这个函数必须是前一个参数 ‘context’ 对象的属性)
var objMyInfo = {
name : “clf”,
sex : “男”,
ShowEvent : function(){
alert(this.name+”****”+this.sex);
}
}
$(“#bnt”).bind(“click”,$.proxy(objMyInfo.ShowEvent,objMyInfo));
如果不用proxy函数,则出发click 事件时,调用objMyInfo.ShowEvent函数,此函数内的this关键字将指向非objMyInfo上下文,那么,this.name和this.sex都将是一个undifined的变量
$.trim(“ text ”)
去除字符前后的空格
$.support
浏览器检测函数
boxModel: 如果这个页面和浏览器是以W3CCSS盒式模型来渲染的,则等于true。通常在IE 6和IE 7的怪癖模式中这个值是false。在document准备就绪前,这个值是null。
cssFloat: 如果用cssFloat来访问CSS的float的值,则返回true。目前在IE中会返回false,他用styleFloat代替。
hrefNormalized: 如果浏览器从getAttribute("href")返回的是原封不动的结果,则返回true。在IE中会返回false,因为他的URLs已经常规化了。
htmlSerialize: 如果浏览器通过innerHTML插入链接元素的时候会序列化这些链接,则返回true,目前IE中返回false。
leadingWhitespace: 如果在使用innerHTML的时候浏览器会保持前导空白字符,则返回true,目前在IE 6-8中返回false。
noCloneEvent: 如果浏览器在克隆元素的时候不会连同事件处理函数一起复制,则返回true,目前在IE中返回false。
objectAll: 如果在某个元素对象上执行getElementsByTagName("*")会返回所有子孙元素,则为true,目前在IE 7中为false。
opacity: 如果浏览器能适当解释透明度样式属性,则返回true,目前在IE中返回false,因为他用alpha滤镜代替。
scriptEval: 使用appendChild/createTextNode 方法插入脚本代码时,浏览器是否执行脚本,目前在IE中返回false,IE使用 .text 方法插入脚本代码以执行。
style: 如果getAttribute("style")返回元素的行内样式,则为true。目前IE中为false,因为他用cssText代替。
tbody: 如果浏览器允许table元素不包含tbody元素,则返回true。目前在IE中会返回false,他会自动插入缺失的tbody。
JQuery其他常用函数
时间: 2024-07-28 16:13:59
JQuery其他常用函数的相关文章
jQuery的常用函数扩展
jQuery的开发常用函数集锦,欢迎大家交流学习 (function ($) { /**************************获得URL的参数************************************/ //参数:URL中的参数名 //返回值:该参数的值 $.getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)&q
jQuery常用函数-思维导图
百度脑图jQuery常用函数 百度脑图jQuery常用函数
jQuery常用操作方法及常用函数总结
一篇 jQuery 常用方法及函数的文章留存备忘. jQuery 常见操作实现方式 $("标签名") //取html元素 document.getElementsByTagName("") $("#ID") //取单个控件document.getElementById("") $("div #ID") //取某个控件中 控件 $("#ID #ID") // 通过控件ID取其中的控件 $(
jquery常用函数与方法汇总
1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队列. duration:延时时间,单位:毫秒 queueName:队列名词,默认是Fx,动画队列. 例: 头部与底部延迟加载动画效果 $(document).ready(function() { $('#header') .css({ 'top':-50 }) .delay(1000).animat
jquery常用函数(不定时更新)
1.字符串替换函数replace var str = "I am a man"; str.replace('a','b'); 输出:'I bm a man'; 说明:jquery的replace()函数默认替换第一项: var re = new RegExp('a','g'); str.replace(re,'b'); 输出:'I bm b mbn'; 说明:RegExp是正则表达式对象, 'g'表示替换全部 2.json与对象的转换 var list= '[{name:Dannie,
js常用函数和常用技巧
学习和工作的过程中总结的干货,包括常用函数.常用js技巧.常用正则表达式.git笔记等.为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路. PS:此文档,我会持续更新. Ajax请求 jquery ajax函数 我自己封装了一个ajax的函数,代码如下: var Ajax = function(url, type success, error) { $.ajax({ url: url, type: type, dataType: 'json', timeout: 100
非常实用的PHP常用函数汇总
这篇文章主要介绍了非常实用的PHP常用函数,汇总了加密解密.字符串操作.文件操作.SQL注入等函数的实例与用法说明,在PHP项目开发中非常具有实用价值,需要的朋友可以参考下 本文实例总结了一些在php应用开发中常用到的函数,这些函数有字符操作,文件操作及其它的一些操作了,分享给大家供大家参考.具体如下: 1.PHP加密解密 PHP加密和解密函数可以用来加密一些有用的字符串存放在数据库里,并且通过可逆解密字符串,该函数使用了base64和MD5加密和解密. 复制代码 代码如下: function
jquery的常用操作(操作html页面的Dom对象的元素)
一:页面加载完成时,会执行jquery的方法(不需要等待图片加载完成,只要dom结构加载完成,就执行该方法) //第一种写法: $(document).ready(function() { // 执行体 }); //第二种写法 $(function() { //执行体 }); 二:用jquery获取dom对象,判断该对象是否有内容的两种方法(有返回true,没有返回false) jqObj.text().trim() var jqObj = $(this); if(jqObj.text().tr
Ajax-04 jQuery Ajax 常用操作
jQuery jQuery 其实就是一个JavaScript的类库,其将复杂的功能做了上层封装,使得开发者可以在其基础上写更少的代码实现更多的功能. jQuery Ajax a.概述 jQuery 不是生产者,而是大自然的搬运工 jQuery Ajax 本质是 XMLHttpRequest 或 ActiveXObject b.使用 --- 下载导入jQuery(2.+ 版本不再支持IE9以下的浏览器) jQuery Ajax常用操作 jQuery.ajax( url [, settings ]