JQuery笔记（W3CSchool）

jQuery 库 - 特性

jQuery 是一个 JavaScript 函数库。

jQuery 库包含以下特性：

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

文档就绪函数

您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：

$(document).ready(function(){

--- jQuery functions go here ----

});

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。

如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：

  • 试图隐藏一个不存在的元素
  • 获得未完全加载的图像的大小

获得内容 - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法：

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容（包括 HTML 标记）
  • val() - 设置或返回表单字段的值

获取属性 - attr()

jQuery attr() 方法用于获取属性值。

什么是 AJAX？

AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。

简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。

时间： 2024-10-29 19:47:08

JQuery笔记（W3CSchool）的相关文章

初学JQuery笔记

extend()函数是jQuery的基础函数之一,作用是扩展现有的对象 <script type="text/javascript" src="jquery-1.5.2.js"></script> <script> obj1 = { a : 'a', b : 'b' }; obj2 = { x : { xxx : 'xxx', yyy : 'yyy' }, y : 'y' }; $.extend(true, obj1, obj2)

前端：jQuery笔记

前端:jQuery笔记 此系列文章乃是学习jQuery的学习笔记. Asp.net MVC Comet推送 摘要: 一.简介 在Asp.net MVC实现的Comet推送的原理很简单. 服务器端:接收到服务器发送的AJAX请求,服务器端并不返回,而是将其Hold住,待到有东西要通知客户端时,才将这个请求返回. 客户端:请求异步Action,当接收到一个返回时,立即又再发送一个. 缺点:会长期占用一个Asp...阅读全文 posted @ 2015-02-10 12:01 逆心 阅读(1072)

jquery笔记之属性选择器 查找以某种条件开头的页面元素

jquery笔记之属性选择器 查找以某种条件开头的页面元素 转载:http://www.blogbus.com/amyqiong-logs/78340326.html $("div[id]")                查找所有含有 id 属性的div元素. $("div[id='ajaxa']")        查找 id 为 ajaxa 的 div 元素. $("div[id!='ajaxa']")       查找 id 不为 ajax

JQuery 笔记 $.load get post ajax

1. load  从服务器上获取静态文件 <div id="resText"></div> $('resText').load('test.html', {a:1, b:2}, function(responseText, textStatus, XMLHttpRequest){ // code here }) 2. get $.get(url [,data] [,callback] [,type]){ // url // data = {a:1, ...} /

js+jquery 笔记

本人也不知道该怎么写javascript笔记,本人就拿一个例子来写,这个例子就从算法所说起吧! 例如: 一个整数的数组 [122,393,664,935,1386,1675,1928,2199,2470,2741,3012],假设给定一个整数变量x,我们要找出数组那个成员与x的值最接近. javascript sort()方法 语法:   1 arrayObject.sort(sortby) sortby(可选.规定是排序顺序.必须是函数). javascript push()方法 语法:  1

jQuery笔记（一）jQuery选择器

一.前言 编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的<a>元素", 完成这些工作只需要编写一个jQuery选择器字符串. 学习jQuery选择器是学习jQuery最重要的一步. 二.Dom对象与jQuery对象的转换 (1) Dom转jQuery包装集 ($(Dom)) 如果要使用jQuery提供的函数,  就要首先构造jQuery包

jQuery笔记三——text/html/val/attr/prop

1.获得内容 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 <p id="test">This is some <b>bold</b> text in a paragraph.</p> <p>Name: <input type="text&quo

jQuery笔记二——杂记

1. jQuery的基础语法: $(selector).action() 2. 很多jQuery的语句放在ready里面 $(document).ready(function(){ // jQuery methods go here... }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码.(似乎不能完全的有效,有时候必须手动在body前面写) 如果在文档没有完全加载之前就运行函数,操作可能失败.下面是两个具体的例子: 试图隐藏一个不存在的元素 获得未完全加载的图像的大小 简

慕课网 jQuery 笔记

$("div").html()是使用标签选择器获取div标签,对应于javascript中的各类选择器 $("*") --所有元素 $("#lastname") --id="lastname" 的元素 $(".intro") --所有 class="intro" 的元素 $("p") --所有 <p> 元素 $(".intro.demo"