通过jQuery思维导图，来进行计划的温习/掌握 jQuery技能。通过思维导图的思路学习，是很好的学习方法之一，思路清晰、跟上环节，易于贯通，重要的是少走弯路。这里一共有6张图，第1张是大纲路线，顺着路线可以掌握jQuery常用的操作，后面5张是关于jQuery相关Api及性能优化的细节。结尾处 追加jQuery Api截图，对使用过jQuery Api的同学，一目了然。 0.大纲路线 1选择器 2.DOM操作.png 3.事件与动画 4.Ajax 5.性能优化.png ...
返回值:XMLHttpRequestjQuery.getJSON(url, [data], [callback])概述通过 HTTP GET 请求载入 JSON 数据。在 jQuery 1.2 中，您可以通过使用JSONP 形式的回调函数来加载其他网域的JSON数据，如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。 注意：此行以后的代码将在这个回调函数执行前执行。参数urlString发送请求地址。data (可选)Map待发送 Key/value 参数。callback (可选)Function载入成功时回调...
定义和用法remove() 方法移除被选元素，包括所有文本和子节点。该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。语法$(selector).remove()JQuery empty方法和remove方法的区别1、JQuery empty方法 A、定义和用法 empty() 方法从...
定义和用法:not() 选择器选取除了指定元素以外的所有元素。最常见的用法：与其他选择器一起使用，选取指定组合中除了指定元素以外的所有元素（如上面的实例）。语法$(":not(selector)")参数 描述selector 必需。规定不选择的元素。 该参数接受任何类型的选择器。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <sc...
1.基本选择器 基本选择器是JQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class 和标签名来查找DOM元素。这个非常重要，下面的内容都是以此为基础，逐级提高的。 1).“$(“#id”)”，获取id指定的元素，id是全局唯一的，所以它只有一个成员。 2).“$(“.class”)”，获取class指定的元素，不同的元素可以具有相同的class属性，所以它可能具有多个成员。 3).“$(“element”)”，获取...
一种与浏览器，平台，语言无关的接口。使用该接口可以轻松地访问页面中所有的标准组件。 DOM Core：DOM Core 并不专属于 JavaScript，任何一种支持 DOM 的程序设计语言都可以使用它。它的用途并非仅限于处理网页，也可以用来处理任何一种是用标记语言编写出来的文档，例如：XML。HTML DOM：使用 JavaScript 和 DOM 为 HTML 文件编写脚本时，有许多专属于HTML-DOM的属性。CSS-DOM：针对于CSS操作，在JavaScript中，CSS-DOM ...
Jquery的选择符是比较帅气的，借用了XPath2.0和CSS1-3中的语法，并且兼容了多个浏览器，让原本非常复杂的DOM，一下子变得简单起来了，手中最新的版本是1.2.2b，下面的所有例子，也是根据此版本提供的例子。测试HTML代码：<div id="father"><div id="first">I am first</div><div id="second" class="red">I am second</div><div id="third" style="display:none">I am third</div> </div> <p class="red">I am forth</p> <h4></h4>...
在javascript中常见的循环语句有： while循环 do while循环和for循环 。三种循环语句都有自己的优势。一、while循环 格式如下: while (条件){ 需要执行的代码 } document.write("这里是while打印的1-50的输入："); var i = 1; while(i<=50){ document.write(i); i++; }二、 do while循环格式如下:do{ 循环体2 }while(逻辑判断1); 首先还是进入逻辑判断 1 ---> 2 例子： document.wr...
JavaScript强化教程――编写第一个jQuery程序什么事JQ？jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。一个简单地JQ程序！<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){$("p").click(function(){$(this).hide();1. JavaScript强化教程――编写第一个jQuery程序简介：什么事JQ？ jQuery 是一个...
$.ajax快捷方法$.get(url,[data],[callback],[type]) $.post(url,[data],[callback],[type])两种方法请求方式不同，其他方式相同. 参数：url[请求地址]，data[请求的数据内容(obj对象)]，callback[回调函数(只能处理请求成功事件)]， type[请求返回数据的编码格式(默认ContentType指定格式)]$.get('/testx=1'); $.get('/test',{z:2}); $.post('/test',{y:2}); $.get('/user',function(data,callbacktype,jqXHR){data//返回数据call...
jquery简单体验query是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多，简单了解过。但使用上jquery之后，马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery：prototype就像Java，而jquery就像ruby.实际上我比较喜欢java（少接触Ruby 罢了）但是jquery的简单的实用的确有相当大的吸引力啊！在项目里我把jquery作为自已唯一的框架类包。使用其间也有一点点心得，其实这些心得，在jquery的...
一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。 jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Re...
指南/基础 这是一个基础指南，旨在帮助你开始使用jquery。jquery给予你常见问题的解决方法。如果你尚未建立你的测试页面，我建议你创建一个含有下列内容的HTML页： 程序代码 代码如下: <script type="text/javascript" src="link/to/jquery.js"></ script> // Your code goes here jQuery 修改script标签的src属性指向到你的jquery.js。例如，如果你的jQuery.js与你的HTML文件在同一目录，...
看完jquery基础教程做的笔记，笔记并不适合所有人，觉得好，可以看，觉得不好，可以不看。 1, ：eq()和nth-child() 看下面代码： <SCRIPT LANGUAGE="JavaScript"> $(function(){ $("#selected-plays > li:eq(1)").addClass("a"); //等价于 $("#selected-plays > li:nth-child(2)").addClass("a"); //注意：js数组是从 0 开始的，所以eq（1）是取第二个元素。 //而css选择器:nth-child（）是从 1 开始的， 所以要选择第二个元素，...
注意此代码需要用到jquery的js文件，才可以用所以大家可以先下载一个jquery文件，注意调用路径。代码： 代码如下: jQuery动画基础 .theImage{ position:relative; background:Green; width:100px; } $(function(){ $("#btnShow").click(function(){ //$("#block").show(1000);//没有参数则没有动画效果 //$("#block").fadeIn("slow");//根据透明度显示或隐藏 $("#block").slideDown();//拉下来。只改变高度 }); $("#btnHide...