`

jquery 功能函数

jquery 
阅读更多 
<!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");
}
分享到：
| jquery 动画特效
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JQuery功能函数

    **jQuery功能函数详解** jQuery，一个轻量级的JavaScript库，因其简洁的API和强大的功能，深受前端开发者喜爱。它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨jQuery的功能...

    jQuery功能函数详解

    在本文中，我们将深入探讨jQuery的功能函数，包括浏览器检测、盒子模型处理以及JavaScript对象的操作。 1. **浏览器检测** jQuery 提供了一个$.browser对象，用于检测用户正在使用的浏览器类型及其版本。例如： -...

    jqueryAPI函数chm文档

    总结，jQuery API函数chm文档详尽地涵盖了jQuery的各种功能，从选择器到DOM操作，再到动画和Ajax，每一个函数都是开发者的得力助手。熟练掌握这些API，将极大地提升Web开发效率，使得前端代码更加简洁高效。无论你是...

    jquery函数 强大的封装

    《jQuery函数：强大的封装与应用》 jQuery，作为一款广泛使用的JavaScript库，以其简洁的语法、丰富的API和高效的性能赢得了开发者们的青睐。标题中的“jquery函数 强大的封装”正揭示了jQuery的核心魅力：它将复杂...

    jquery的data函数

    `jQuery`的`data()`函数是JavaScript库`jQuery`中一个非常重要的功能，它用于在DOM元素上存储和检索自定义数据。这个函数允许开发者在HTML元素上附加任意的JavaScript对象，而不会污染HTML的内置属性，使得数据管理...

    jQuery动画特效---精通JavaScript+jQuery

    JavaScript/CSS/DOM基础 第0课 - 内容概述 - [精通...第13课 - jQuery功能函数 - [精通JavaScript+jQuery] 第14课 - jQuery与Ajax - [精通JavaScript+jQuery] 第15课 - jQuery插件 - [精通JavaScript+jQuery]

    jQuery事件函数共4页.pdf.zip

    jQuery事件函数是其强大功能的一部分，它们允许开发者响应用户的各种交互，如点击、鼠标移动、键盘输入等。以下是一些核心的jQuery事件函数及其详解： 1. **$(document).ready()**：这是jQuery中最常用的事件函数之...

    jquery封装函数，前后端分离框架

    本主题将深入探讨如何利用jQuery封装函数来实现这一目标，以及与JavaSC和AJAX的关系。 首先，jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理、Ajax交互等任务，使得前端开发更加便捷。在前后端分离...

    第四章-JQUERY-功能函数

    第四章主要讲解的是JQUERY的功能函数，这是一个关于前端开发中jQuery库的重要部分。jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。在这个章节中，我们将深入探讨jQuery...

    jQuery each函数源码分析_.docx

    jQuery库中的`each`函数是其核心功能之一，它提供了遍历数组和对象的能力，使得开发者能够方便地对集合中的每个元素进行操作。在这个文档中，我们将深入探讨`each`函数的源码，了解其工作原理和用法。 ### 函数简介...

    jQuery 遍历函数详解

    jQuery是一个快速、小巧、功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互的过程，极大地提升了Web开发的效率。遍历函数是jQuery中非常核心的部分，这些函数能够让我们方便地操作DOM元素...

    js进阶 13 jquery动画函数有哪些.docx

    ### jQuery 动画函数及其局限性 #### 一、引言 随着前端技术的发展，用户对网站和应用的视觉体验有了更高的期待。动画作为一种增强用户体验的重要手段，被广泛应用于各类项目之中。在众多动画实现方式中，jQuery因...

    jQuery自定义插件开发基础1——jQuery实用函数的实现

    - **功能实现**：`jquery.dialog_self.js`中的函数会处理对话框的打开、关闭、定位、内容填充等功能。 - 开启对话框：通过添加适当的CSS类或者使用`$.show()`方法将对话框显示出来。 - 关闭对话框：移除显示类或...

    jquery与js函数冲突的两种解决方法.docx

    在JavaScript的开发环境中，尤其是当使用多个库或框架时，比如jQuery和其他JavaScript库（如Prototype、MooTools等），可能会遇到函数名或选择器符号`$`的冲突问题。这是因为这些库都倾向于使用`$`作为主要的函数或...

    jQuery 自定义函数写法分享

    通过自定义函数，可以实现更加灵活和强大的功能。在这里，我们将详细介绍 jQuery 的自定义函数写法和扩展方法。 一、 jQuery 的 extend 扩展方法 jQuery 的 extend 方法是 jQuery 中的一个扩展方法，用于将多个...

    一个简单的图片放大效果基于jquery animate函数

    在这个例子中，`jquery.min.js`文件提供了jQuery的核心功能。这个文件应该被链接到HTML文档的底部，以便在DOM加载完成后执行jQuery代码。可以使用以下代码将它添加到`&lt;head&gt;`或`&lt;body&gt;`标签内： ```html ...

    jquery 第13章 函数

    jQuery的插件开发通常基于$.fn.extend，使得开发者能够创建可复用的功能组件，如轮播图插件、表单验证插件等。 总结，jQuery的函数机制使得JavaScript编程变得更加简单和高效。无论是选择元素、操作DOM、处理事件...

    002244_使用_jQuery（中级）_第_1_部分_使用插件创建和扩展_jQuery_函数.doc

    同时，插件的开发不受jQuery核心团队的直接控制，第三方开发者可以自由创新，这极大地促进了jQuery功能的丰富和更新。然而，这也带来了一定的风险，因为插件的质量和稳定性取决于其作者，而不是jQuery官方，对于关键...

Magicbox
Global site tag (gtag.js) - Google Analytics