jquery 功能函数

最新推荐文章于 2022-12-23 11:36:53 发布
最新推荐文章于 2022-12-23 11:36:53 发布
阅读量98 收藏
点赞数
分类专栏： jQuery 文章标签： jquery ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_2903/article/details/82522435
版权 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.browser对象</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
function detect(){
	if($.browser.msie)
		return "IE";
	if($.browser.mozilla)
		return "Mozilla";
	if($.browser.safari)
		return "Safari";
	if($.browser.opera)
		return "Opera";
}
var sBrowser = detect();
document.write("您的浏览器是："+sBrowser+"<br>版本为："+$.browser.version)
</script>
</head>
<body>
</body>
</html>



<html>
<head>
<title>$.boxModel对象</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var sBox = $.boxModel ? "标准W3C":"IE";
document.write("您的页面目前支持："+sBox+"盒子模型");
</script>
</head>
<body>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.boxModel对象</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var sBox = $.boxModel ? "标准W3C":"IE";
document.write("您的页面目前支持："+sBox+"盒子模型");
</script>
</head>
<body>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.each()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var aArray = ["one", "two", "three", "four", "five"];
$.each(aArray,function(iNum,value){
	//针对数组
	document.write("序号:" + iNum + " 值:" + value + "<br>");
});
var oObj = {one:1, two:2, three:3, four:4, five:5};
$.each(oObj, function(property,value) {
	//针对对象
	document.write("属性:" + property + " 值:" + value + "<br>");
});
</script>
</head>
<body>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.each()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$.each($.browser, function(property,value) {
	//遍历对象$.browser
	document.write("属性:" + property + " 值:" + value + "<br>");
});
</script>
</head>
<body>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.grep()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var aArray = [2, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1];
var aResult = $.grep(aArray,function(value){
	return value > 4;
});
document.write("aArray: " + aArray.join() + "<br>");
document.write("aResult: " + aResult.join());
</script>
</head>
<body>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.grep()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var aArray = [2, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1];
var aResult = $.grep(aArray,function(value, index){
	//元素的值value和序号index同时判断
	return (value > 4 && index > 3);
});
document.write("aArray: " + aArray.join() + "<br>");
document.write("aResult: " + aResult.join());
</script>
</head>
<body>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.map()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
	var aArr = ["a", "b", "c", "d", "e"];
	$("p:eq(0)").text(aArr.join());

	aArr = $.map(aArr,function(value,index){
		//将数组转化为大写并添加序号
		return (value.toUpperCase() + index);
	});
	$("p:eq(1)").text(aArr.join());

	aArr = $.map(aArr,function(value){
		//将数组元素的值双份处理
		return value + value;
	});
	$("p:eq(2)").text(aArr.join());
});
</script>
</head>
<body>
	<p></p><p></p><p></p>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.map()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
	var aArr = [0, 1, 2, 3, 4];
	$("p:eq(0)").text("长度：" + aArr.length + "，值：" + aArr.join());

	aArr = $.map(aArr,function(value){
		//比1大的加1后返回，否则删除
		return value>1 ? value+1 : null;
	});
	$("p:eq(1)").text("长度：" + aArr.length + "，值：" + aArr.join());
});
</script>
</head>
<body>
	<p></p><p></p>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.map()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
	var aArr1 = ["one", "two", "three", "four five"];
	aArr2 = $.map(aArr1,function(value){
		//将单词拆成一个个字母
		return value.split("");
	});
	$("p:eq(0)").text("长度：" + aArr1.length + "，值：" + aArr1.join());
	$("p:eq(1)").text("长度：" + aArr2.length + "，值：" + aArr2.join());
});
</script>
</head>
<body>
	<p></p><p></p>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.inArray()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
	var aArr = ["one", "two", "three", "four five", "two"];
	var pos1 = $.inArray("two",aArr);
	var pos2 = $.inArray("four",aArr);
	$("p:eq(0)").text("“two”的位置：" + pos1);
	$("p:eq(1)").text("“four”的位置：" + pos2);
});
</script>
</head>
<body>
	<p></p><p></p>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$.getScript()函数</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
	$("input:first").click(function(){
		$.getScript("13-12.js");
	});
	$("input:last").click(function(){
		TestFunc();
	});
});
</script>
</head>
<body>
	<input type="button" value="Load Script">
	<input type="button" value="DoSomething">
</body>
</html>



alert("Loaded!");
function TestFunc(){
	alert("TestFunc");
}
iteye_2903
关注
专栏目录
jQuery常用的函数
无名老仙
12-31 1837
1、jQuery()核心函数（$()） jQuery()函数是jQuery库的最核心函数，jQuery的一切都是基于此函数的。该函数主要用于获取HTML DOM元素并将其封装为 jQuery对象，以便于使用jQuery对象提供的其他属性和方法对DOM元素进行操作。jQuery()函数的功能非常强大，它可以将各 种类型的参数智能地封装为jQuery对象。 2、jQuer...
jQuery功能函数详解
10-24
在本文中，我们将深入探讨jQuery的功能函数，包括浏览器检测、盒子模型处理以及JavaScript对象的操作。 1. **浏览器检测** jQuery 提供了一个$.browser对象，用于检测用户正在使用的浏览器类型及其版本。例如： -...
jQuery 工具函数
最新发布
xiangxiongfly
12-23 1144
字符串操作 $.trim() URL操作 $.param(） 数组操作 $.inArray() $.merge() $.makeArray() $.grep() $.each() 对象操作 $.each() 检测操作 $.isFunction() $.isArray() 原生JavaScript判断是否为数组 $.isEmptyObject() $.isPlainObject() $.contains() 自定义工具函数
jquery的各种函数
盖世小可爱的博客
11-19 4965
一，$.get(url,[data],[callback]) 说明：url为请求地址，data为请求数据的列表(是可选的，也可以将要传的参数写在url里面)，callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为服务器的状态，是可选参数。而其中，服务器返回数据的格式其实是字符串形势，并不是我们想要的json数据格式，在此引用只是为了对比说明。 1 ...
jQuery字符串函数
FengHongSeXiaoXiang的博客
12-05 1631
JS截取字符串函数：一、函数：split();二、函数：John();三、函数：indexOf();四、其他几种方法：stringObject.substring(start,stop);stringObject.substr(start [, length ])一、函数：split() 功能：使用一个指定的分隔符把一个字符串分割存储到数组str=”jpg|bmp|gif|ico|png”; ar
jQuery中的函数封装
AYYYY192018的博客
09-17 501
1.函数封装的概念： 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 用函数把重复的代码块包裹起来就是函数封装。 2.封装的作用： 其实就是为了减少代码的冗余，增加代码的可读性与易维护性， 将实现同一功能的代码封装起来，在需要实现这一功能时调用即可。 举例1 删除dom对象的空白节点： function removeNode(nodee) { for (var i = 0; i < nodee.length; i ++) { if (nodee[i].nodeType === 3 &
JS入口函数和jQuery入口函数的区别
欢迎━(*｀∀´*)ノ亻来到我的博客
09-09 605
JS入口函数： window.onload = function() { 要执行的代码 } jQuery入口函数： //完整写法： $(document).ready(function(){ 要执行的代码 }); //可以简写 $(function(){ 要执行的代码 }); JS和jQuery入口函数，其实想解决的问题差不多，就是想在文档中的标签加载完毕后再执行js、jq代码，说白点就是想在每个HTML页面的元素创建后，在执行js、jq代码。 如果不这么做会造成下
基于jQuery的封装函数
牛先森家的博客
08-03 1768
封装tab栏切换功能 // 第一种封装： // btns 点击某个选项 // cons 对应的显示内容 // active 点击后的样式 function table(btns, cons, active) { $(btns).click(function () { $(this).addClass(active).siblings().removeClass(active); $(cons).eq($(this).inde
jQuery简介、引入jQuery、jQuery核心函数、jQuery对象、jQuery对象操作class、addclass补充、jQuery对象复制——jQuery
weixin_70320000的博客
11-29 3439
jQuery简介、引入jQuery、jQuery核心函数、jQuery对象、jQuery对象操作class、addclass补充、jQuery对象复制
jQuery jQuery() 函数详解
时清云的博客
03-24 1029
jQuery()函数是jQuery库的最核心函数，jQuery的一切都是基于此函数的。该函数主要用于获取HTML DOM元素并将其封装为jQuery对象，以便于使用jQuery对象提供的其他属性和方法对DOM元素进行操作。 jQuery()函数的功能非常强大，它可以将各种类型的参数智能地封装为jQuery对象。 语法 jQuery()函数的功能非常强大，因此用法也比较复杂，其
jQuery ready函数和JavaScript window.onload的区别
qq_53632527的博客
10-24 1008
（1）加载方式区别 window.onload事件会等DOM创建完毕，还要等到包括图片、音频、视频在内的所有外部资源都加载完毕才会执行，而$(document).ready( ) 只需等待DOM加载完毕，无需等待图像或外部资源的加载，执行起来也会更快。 （2）覆盖问题 window.onload事件，如果编写多高，后面的会覆盖前面的，所以只能订阅一次。jQ中的$(document).ready( )可以在代码里编写多个，浏览器会根据他们在页面中出现的先后顺序依次执行它们...
JQuery功能函数
06-27
**jQuery功能函数详解** jQuery，一个轻量级的JavaScript库，因其简洁的API和强大的功能，深受前端开发者喜爱。它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨jQuery的功能...
jQuery 遍历函数详解
10-23
jQuery是一个快速、小巧、功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互的过程，极大地提升了Web开发的效率。遍历函数是jQuery中非常核心的部分，这些函数能够让我们方便地操作DOM元素...
当文本框获得焦点时使输入区域变大
百威
10-27 994
很多人认为表单应该占据最小的空间，先不管这个观点是不是正确，今天我们就实现当用户进行输入时，即本文框获得焦点时，将文本框的大小进行改变。这样，用户就能看到自己前边输入的东西了。 思路非常简单，就是当文本框获得焦点时，改变文本框的宽度或者高度。如果你看过我前边关于jQuery对元素属性操作的总结，相信几分钟就可实现本篇中的功能。 [code="java"] [/code] 假设网...
jQuery实现带遮罩层的消息框滑入滑出效果
百威
10-27 428
[code="java"] .overlay{ background:transparent url(images/overlay.png) repeat top left; position:fixed; top:0px; bottom:0px; left:0px; right:0px;...
用jQuery解决IE不支持的option disable属性
百威
11-09 380
[size=medium] 在IE浏览器中，给select的options设置 disable属性 是没用的。 必须采用一定手段才可以解决这个问题。当然原理就是记住上次选中的 option。 this.selectedIndex 就派上用场了。 需要刷新下才可以看到效果，因为输出的都是文本，不存在js加载的情况。 [/size] [code="java"] ...
jquery控制页面
百威
07-21 273
[code="java"] each()方法 $(function(){ $("img").each(function(index){ this.title = "这是第" + index + "幅图，id是：" + this.id; }); }); [/code] [code="java"] ...
JQuery 发送Json格式数据
百威
05-23 212
简述： 需要封装一组Json格式的数据到服务器 知识点： 1. 调用jquery.json的库 2. AJAX Post 请求 Jquery下载地址 http://jquery.com/download/ Jquery.json http://code.google.com/p/jquery-json/ [code="java"] ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值