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)   方法把两个事件处理程序附加到指定的元素。一个事件处理程序在鼠标指针进入元素时触发，另一个事件处理程序在鼠标指针离开元素时触发。