jQuery学习 （javascript library）

通知我们DOM准备就绪的方法是：

$(document).ready( function(){

// do something special effect

// 我们使用关键字function（不带函数名）来定义函数体，函数体在DOM加载之后被调用，函数立即执行，且执行一次。

});

应用一个CSS类到网页的元素上：

addClass() for example:

.highlight {

font-style: italic;

background-color: #0f0;

}

$('div').addClass('highlight');

$('span : contains(Life)').addClass('highlight'); //选择示例中包含单词Life的span元素

$('div : odd'). // 选择奇数的div元素

$('div : even'). // 选择偶数的div元素

获得一个元素的HTML代码 ： html() and text() // text()方法可用于XML文档和HTML文档，而html()只用于HTML文档。

创建DOM节点的方法：

prepend() 在指定元素前面插入指定的内容，并返回一个jQuery对象。 $('p').prepend.('<h2>Power of selectors </h2>');

prependTo() 在指定目标之前之前插入指定元素。 $('<h2>Power of selectors </h2>').prependTo('p');

clone() 复制指定的元素并返回一个新的jQuery对象 $('h2').clone().prependTo('p');

可以给指定元素添加多个类属性：

<span class="bold buttons"> sample</span> // 当用 .bold 或 .buttons 选择元素时都能选择到此 span 元素。

CSS属性中的 opacity(不透明度)， 取值范围从0(透明) 到 1(不透明), 或者从 0% 到 100%

事件处理：

bind() 此方法把指定的事件附加到指定的元素。 eventType : click(单击) double-click(双击) focus(聚焦) blur(失焦)

trigger() 此方法调用指定事件类型的事件处理函数。

unbind() 此方法从指定的元素中删除先前绑定的事件处理函数。

mousedown()

mouseup()

mouseover()

mouseout()

focus()

blur() 当指定的元素失去焦点是触发blur事件。

hover(handler1, handler2) 方法把两个事件处理程序附加到指定的元素。一个事件处理程序在鼠标指针进入元素时触发，另一个事件处理程序在鼠标指针离开元素时触发。