通过之前的学习我们已经了解了html、css、javascript的相关知识;本次我们就共同学习进阶知识:jQuery~一、什么是jQuery?jQuery其实就是一个轻量级的javascript函数库,通过它我们可以"写的少做的多";jQuery库包含以下功能:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities二、jQuery使用jQuery目前分为1.x 2.x和3.x版本,这里咱们以1.12版本为例;中文文档链接:http://j...
中文版译者:Keel
此文以实例为基础一步步说明了jQuery的工作方式。现以中文翻译(添加我的补充说明)如下。如有相关意见或建议请麻烦到我的 BLOG 写个回复或者 EMAIL 告知。
英文原版:http://jquery.bassistance.de/jquery-getting-started.html ,感谢原文作者 Jrn Zaefferer
本文发布已征求原作者同意。
另外我认为在学习过程中,有两个API文档你要打开随时查看:http://jquery.com/api/
http://visualjquery.com/
以下部分为...
jQuery Mobile 和 Kendo UI 都是流行的 JavaScript 框架,在开发中我们可以在它们的基础上添砖加瓦制作所有现代移动WEB应用。这两个框架都是基于使用率顶尖的 JavaScript 库 jQuery 所构建的。比较 Kendo UI 和 jQuery Mobile 有些类似于比较同一枚硬币的两面。众所周知,jQuery Mobile 实际上并不需要太多的介绍,因为它是最常用的HTML5框架之一。 Kendo UI 具有相似的动机和类似的发展速度。与 jQuery Mobile 非常类似,Kendo UI...
定义和用法:not() 选择器选取除了指定元素以外的所有元素。最常见的用法:与其他选择器一起使用,选取指定组合中除了指定元素以外的所有元素(如上面的实例)。语法$(":not(selector)")参数 描述selector 必需。规定不选择的元素。 该参数接受任何类型的选择器。<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<sc...
jquery简单体验query是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多,简单了解过。但使用上jquery之后,马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.实际上我比较喜欢java(少接触Ruby 罢了)但是jquery的简单的实用的确有相当大的吸引力啊!在项目里我把jquery作为自已唯一的框架类包。使用其间也有一点点心得,其实这些心得,在jquery的...
本节并没有涉及到jQuery如何编写,只为大家解决几个常见问题,因为这也是面试中常常遇到的几个问题。如果你掌握了jQuery可以成为提升工资的一个资本。 初学jQuery的朋友,基本上都会问同一个问题“什么是jQuery?”等类似的问题,理解这个问题对于后面的学习会起到促进作用。以下是我整理出的大家常问的几个问题: 1、 什么是jQuery? 2、 什么是类库? 3、 jQuery与JavaScript有什么关系? 4、 JavaScript与java又有什么关系? 5、...
jQuery是一个优秀的JavaScript库,它凭借简洁地语法和跨平台的兼容性,极大地简化了开发人员遍历HTML文档,操作DOM,处理事件,执行动画和开发Ajax操作。
jQuery优势:
1.轻量级
2.强大的选择器
3.出色的DOM操作的封装
4.可靠的事件处理机制
5.完善的Ajax
6.不污染顶级变量
7.出色的浏览器兼容性
8.链式操作方式
9.隐式迭代
10.行为层与结构层分离
11.丰富的插件支持
12.完善的文档
13.开源
(1)编写简单的jQuery代码:
注:$ 就是...
首先 我们看.find()方法: 现在有一个页面,里面HTML代码为; 代码如下: 测试1 测试2 如果我们使用find()方法: var $find = $("div").find(".rain"); alert( $find.html() ) ; 将会输出: 如果使用filter()方法: var $filter = $("div").filter(".rain"); alert( $filter.html() ); 将会输出: 也许你已经看出它们的区别了。 find()会在div元素内 寻找 class为rain 的元素。 而filter()则是筛选div的class为rain的元素。 ...
从神奇的"$"函数开始 "$"函数将在文档加载完成之后为一个指定的button 绑定事件,这些代码在单个网页中工作正常。但是如果我们还有其它的网页,我们将不得不重复这个过程。 代码如下: Say Hello //when dom ready, do something. //bind click event to a button. $(function(){ $('#sayHello').click(function(){ alert('Hello world!'); }); }); 如果我们需要另一个行为的button怎么办?比如象这样: 代码如下: Unlike it ...
jQuery学习笔记: jQuery学习 1、基本语法: $(selector).action() $:定义jQuery selector:选择符,查询和查找HTML元素 action():对元素执行的操作 实例: $(this).hide()------隐藏当前元素 $("p"),hide()-------隐藏所有的p元素 $("#ID").hide()-----隐藏id=ID的元素 $("p.Class")--------隐藏class=Class的P $(document).ready(function(){-----}); 这样用为了防止文档未加载就运行jQuery代码。 2、选择器通过属性选择元素 $("[...
代码如下:我写了个方法,用于查询结果,但debug过程中发现结果集有数据,我如何通过变量获取呢? JScript code 代码如下: function getChildNodeArrayByParentID(categoryCode) { $.ajax( { type: "get", url: "DynamicMenuItemsHandler.ashx", data: { MenuItemCode: categoryCode }, async: false, success: function(data) { return data; } }); } var jsonArray = getChildNodeArrayByParentID(01); var jsonArray = getChi...
jquery应该如何来设置按钮input的onclick事件?比如开始时有个按钮: 这行代码是在程序后台生成的,和Discuz!NT论坛源码中的做法一样,页面上所有的东西连同脚本都是由后台代码生成..然后用jquery.ajax加载到页面上来..其他的除了ie8不能显示之外..其它浏览器都正常.现在的问题是:要动态改变这个上一页按钮中onclick的函数.我自己是尝试了很多种方法,都没有做出来,下面列举的几个都是失败的例子: 1.JavaScript code: 代码如下:...
译自jQuery Cookbook (OReilly 2009) Chapter 2 Selecting Elements with jQuery, 2.0 Introduction
jQuery的核心是它的选择器引擎,其作用是从文档中通过名称、属性、状态等将元素筛选出来。由于CSS的广泛使用,在jQuery中采用CSS的选择器语法就成了很自然的选择。在支持绝大多数CSS1-3规范中的选择器之外,jQuery还增加了很多自定义的选择器来根据一些特殊的状态选择元素;与此同时,我们还可以自己编写选择器。
在文档中定位某个...
在jQuery中,有几种方式可以判断一个对象是否是数字,或者可否转换为数字。首先,jQuery.isNaN()在最新版本中已经被移除了(1.7之后),取而代之的是 jQuery.isNumeric ()。这并不奇怪,因为jQuery.isNaN() 同Javascript内置的isNaN()名字相同,但是语义却不完全相同,在一定意义上会造成歧义。 jQuery.isNumeric ()有着与其相似的功能,同时也解决了歧义问题。
jQuery.isNumeric ()检查传进的参数是否是数字或者可否转换为数字;...
1:选择(Selectable)组件可以让用户页面上的一些元素变成可选择的,用户可以通过单击元素或者拖动的方式来选择它们,也可以按住Ctrl键来选择不连续的元素$(.selector).selectable(options);但是在jQuery UI库中的主题包中并未提供ui-selecting和ui-selected类的样式,因此在使用选择组件时,还需要自己来创建这些样式 代码如下:selectable组件h1 { color:#006; font-size:24px; font-weight:bold; margin-bottom:0px;}#feedback { ...