jQuery学习系列笔记（一）

jQuery的强大自不必我多言，我想是时候的来认真的学习一下它了，不说废话了，一起来领会jQuery的伟大吧！

创新互联是一家专注于成都网站制作、成都网站设计与策划设计,重庆网站建设哪家好?创新互联做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:重庆等地区。重庆做网站价格咨询:13518219792

导航：

一、基本原理

1、jQuery核心部分就是如何从HTML页面里获取元素并对其进行操作。即选择器（selector）。

2、选择器是通过元素的特性或元素在HTML文档中的位置去描述元素组。

二、jQuery包装器

当收集一组元素时，可以使用的简单语法如下：

$(selector)
或者
jQuery(selector)

由此可以看出，$()函数是jQuery()函数的别名。“$”刚接触可能有点奇怪，但是你很快就会喜欢上它的简洁。

举个例子：为了获取嵌套在

元素内的一组链接（元素）。jQuery语句如下：

$("p a");

$()函数返回特别的JavaScript对象，它包含着与选择器相匹配的DOM元素的数组。

下面说一个比较好玩的东西，就是jQuery链。

举个例子：让带有CSS类star的所有

$("div.star").fadeOut().addClass("big");

$("p:even");    even指偶数的意思

$("tr:nth-child(1)");

$("body > div");

$("a[href$=pdf]");

$("body > div:has(a)");

$.trim(someString);

jQuery.trim(someString);

window.onload = function(){
    $("div.star").fadeOut().addClass("big");
}

$(document).ready(function() {
    $("div.star").fadeOut().addClass("big");
});

$(function() {
    $("div.star").fadeOut().addClass("big");
});

$("
Hello World
");

$("
Hello World
").insertAfter("#paragraph");

$("form#myform input.special").disable();

$.fn.disable = function(){
    return this.each(function() {
        if(typeof this.disabled != "undefined"){
            this.disabled = true;
        }
    });
}

$("form#myform input.special").disable().addClass("moreSpecial");

jQuery.noConflict();