jQuery的属性操作: 对于元素的固有属性:element.prop(); 对于元素的自定义属性:element.attr(); 数据缓存:element.data();jQuery的文本属性值: element.html(); 类似dom中的innerHTML element.text(); 类似dom中的innerText element.val(); 类似dom中的value方法 原文:https://www.cnblogs.com/wuyuchuan/p/15003554.html
什么是JQuery:jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选...
6.属性过滤选择器<scripttype="text/javascript">
$(function(){//显示所有包含id属性的元素 1$("div[id]").show(3000);
})
$(function(){//显示所有属性title的值是"A"的元素 2$("div[title=‘A‘]").show(3000);
})
$(function(){//显示所有属性title的值不是"A"的元素 3$("div[title!=‘A‘]").show(3000);
})
$(function(){//显示所有属性title的值是"A"开始的元素 4$("div[title^=‘A‘]").show(3000);
})
$(function()...
一、一次性事件
one() 方法为被选元素附加一个或多个事件处理程序,并规定当事件发生时运行的函数。当使用 one() 方法时,每个元素只能运行一次事件处理器函数。语法形式:$(selector).one(event,[data],function)其中event参数必需,当添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。data参数可选,是传递到函数的额外数据。function参数必需,当事件发生时运行的函数。示例如下:<scripttype="text/javasc...
最容易混淆的几个概念jQuery对象不等于DOM对象DOM是Document Object Model的缩写,中文是文档对象模型。它是HTML和XML的应用程序接口,DOM将整个页面映射为一个由层次节点组成的文件。
【例1】 <!DOCTYPE html><htmllang="en"><head><title>标准DOM示例</title></head><body><h1>这是一份简单的文档对象模型</h1><ul><li>D表示文档</li><li>O表示对象</li><li>M表示模型</li></ul></body></html>在这棵DOM树中,标签都是标签的子...
一、JQ的简单介绍JQ是js的一个库,封装了开发时常用的一些功能,初期学习JQ主要是学习操作DOM的一些方法,调用JQ中封装的一些API来进行DOM 的操作,大部分都是方法。JQ的两大特点:1、链式编程,如.show( )和.html( )可以写成一个.show( ).html( )2、隐式便利,JQ可以在方法内部进行便利,而不用我们直接便利操作二、使用JQ的几个步骤1、引入JQ2、编写入口函数,一般有三种写法,且和JS入口函数不一样,可以编写多次,不会出现事件...
JQuery入门(1) - 选择器$("元素") // 选取元素
$("元素.类名") // 选取元素中class为“类名”的元素
$("元素.#ID") // 选取元素中的元素
$("[属性]") // 选取包含“属性”的所有元素
$("[属性]=‘值‘") // 选取属性等于‘值’的元素
$("[属性]!=‘值‘") // 选取属性不等于‘值’的元素
$("[属性]^=‘值‘") // 选取属性值以‘值’开头的元素
$("[属性]$=‘值‘") // 选取属性值...
1、基本文件:jquery.min.js2、简单的基础方法:$(document).ready(function(){alert(‘ready function!‘);
});//页面加载时执行$(function(){alert(‘function!‘);
});//页面加载完毕时执行<script src="common/js/lib/LAB.min.js"></script>
<script type="text/javascript">
$LAB
.script("<%=basePath%>common/js/lib/jquery.min.js").wait() //jQuery
.script(‘<%=basePath%>common/js/index.js‘).wait();
</...
1、jQuery的优势:
轻量级。jQuery非常轻巧,最新的jQuery版本压缩后,大小保持在80k左右。
强大的选择器。jQuery允许使用从CSS1到CSS3几乎所有的选择器,以及jQuery自己的高级而复杂的选择器。甚至你可以编写属于自己的选择器。出色的DOM操作的封装;jQuery封装了大量常用的DOM操作,让你能轻松地完成各种原本非常复杂的操作。可靠的事件处理机制; 完善的Ajax;jQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理...
安装如需使用 jQuery,您需要下载 jQuery 库(会在下面为您讲解),然后把它包含在希望使用的网页中。
jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它:<head>
<script src="jquery.js"></script>
</head>
如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它
Google CDN:<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</...
中文版译者:Keel
此文以实例为基础一步步说明了jQuery的工作方式。现以中文翻译(添加我的补充说明)如下。如有相关意见或建议请麻烦到我的 BLOG 写个回复或者 EMAIL 告知。
英文原版:http://jquery.bassistance.de/jquery-getting-started.html ,感谢原文作者 Jrn Zaefferer
本文发布已征求原作者同意。
另外我认为在学习过程中,有两个API文档你要打开随时查看:http://jquery.com/api/
http://visualjquery.com/
以下部分为...
本文的宗旨, 授人鱼不如授人渔. 我只会讲关键部分,不可能JQuery的每个函数我都讲,因为有很多函数贝壳自己在实际应用中都从未使用过. 但当我们已经会渔了还用担心鱼吗!?
BTW:贝壳假设你已经掌了基本的JavaScript运用能力及基础的CSS知识.
JQuery是什么
JQuery只是一个JS文件
人对新鲜事业总是报着好奇与排斥的情感,贝壳刚开始学的时候也一样. 想掌握又怕自己学不会. 其实JQuery很简单.
JQuery其实就是...
一、 jQuery Validate 插件的介绍
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。
该插件是由 Jrn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery...
jQuery入门第二天&&&正则表达式完结篇——仿smarty引擎的制作,jquery入门 hi
周一完全的不在状态。。。中午还去观战,没有睡觉的我,晚上的smarty不知道能不能做完,加油吧
1、jQuery
---过滤性选择器(二)---
--[attribute=value]属性选择器属性作为DOM元素的一个重要特征,也可以用于选择器中,从本节开始将介绍通过元素属性获取元素的选择器,[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素,...
这次给大家带来jQuery入门须知总结,jQuery入门须知的注意事项有哪些,下面就是实战案例,一起来看一下。jQuery 对象?jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。?jQuery 对象是 jQuery 独有的。?只有 jQuery 对象才能使用 jQuery 的方法,在 jQuery 对象中无法使用 DOM 对象的任何方法,反之 DOM 对象也无法使用任何 jQuery 的方法。?约定:如果获取的是 jQuery 对象,那么要在变量前面加上 $?jQuery 对象中封装了多...