jQuery part1

1. jQuery 简介

jQuery 库可以通过一行简单的标记被添加到网页中。

jQuery 是一个 JavaScript 函数库。
jQuery 库包含以下特性：
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities

2. jQuery 常见用法

$.function() 选取jQuery 定义的function()执行

$('input') 选取 HTML 当中全部的 input 标签

$('#abc') 选取 HTML 当中 ID 名称为 abc 的物件

$.fn.testing = function() {} 选取 JQuery 内核函数 fn (函数) 回传给 testing 这个名称、定义为一个功能 function()

$(selector).html() 当使用该方法返回一个值时，它会返回第一个匹配元素的内容

html页面代码：<div><p>Hello</p></div>

   jquery代码：$("div").html();

            结果：<p>Hello</p>

$(selector).html(content) 当使用该方法设置一个值时，它会覆盖所有匹配元素的内容

html页面代码：<div></div>        

   jquery代码：$("div").html("<p>Nice to meet you</p>");

            结果：[ <div><p> Nice to meet you</p></div> ]    

 

3. 比较 javascript 和 jQuery

The JavaScript Way:
function myFunction() {
    var obj = document.getElementById("h01");
    obj.innerHTML = "Hello jQuery";
}
onload = myFunction;

 

The jQuery Way:
function myFunction() {
    $("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);