初学jQuery第一天总结

首先我们要知道jQuery是什么？
答：

1.jQuery是一个快速、简洁的JavaScript框架。
2.jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
3.它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

第一个例子是为元素注册一个事件：

未用jQuery:

Behaviour.register({
    '#example li': function(e){
        e.onclick = function(){
            this.parentNode.removeChild(this);
        }
    }
});

使用jQuery:

$('#example li').bind('click',function(){
    this.parentNode.removeChild(this);
});

第二个例子是为不同的元素注册不同的事件：

未用jQuery:

Behaviour.register({
    'b.someclass' : function(e){
        e.onclick = function(){
            alert(this.innerHTML);
        }
    },
    
    '#someid u' : function(e){
        e.onmouseover = function(){
            this.innerHTML = "BLAH!";
        }
    }
});

使用jQuery:

$('b.someclass').bind('click',function(){
    alert(this.innerHTML);
});
$('#someid u').bind('mouseover',function(){
    this.innerHTML = 'BLAH!';
})

原本该实现的功能经过jQuery编写后照样实现，而且代码短小实用，一目了然。可见使用jQuery功能之强大！！！

jQuery 中所有选择器都以美元符号开头：$()。
元素选择器
jQuery 元素选择器基于元素名选取元素。
1
$(“p”)
在页面中选取所有

元素
id 选择器
jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。
页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。
通过 id 选取元素语法如下：
1
$("#test")
class 选择器
jQuery 类选择器可以通过指定的 class 查找元素。
语法如下：
1
$(".test")