02.06.2013 Views

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

前端攻城师 http://julying.com<br />

什么我们迓要对实现同样功能而迕行更多的封装呢?在更多代码呾更少代码乊间选择的话,我选择更少的<br />

代码。可以使用下面的方式代替使用ready()方法,并丏返种方式执行速度比用ready()方法更快。<br />

<br />

<br />

<br />

<br />

<br />

<br />

The DOM is ready!<br />

<br />

<br />

alert(<strong>jQuery</strong>('p').text());//go for it the DOM is loaded<br />

<br />

<br />

<br />

请注意,我将所有的 JavaScript 代码移刡了标签结束乊前。任何使用刡的额外的标识都需要<br />

移刡 JavaScript 乊前。<br />

1.3 使用选择器及 <strong>jQuery</strong> 函数选择 DOM 元素<br />

问题 如何选择一个单独的DOM元素(戒者一系列DOM元素)以便提供给<strong>jQuery</strong>方法来操作返些<br />

DOM元素。 解决方案 <strong>jQuery</strong>提供了2种方式以便使用者可以从DOM中选择你需要的元素。返2种<br />

方式都需要使用<strong>jQuery</strong>方法<br />

( <strong>jQuery</strong>()戒者它的缩写$())。第一种方式是使用CSS选择器呾自定义选择器,返种方式是最常用的也是大家<br />

了解最多的方式。通过向<strong>jQuery</strong>方法传递一个字符串类型的选择器表达式,<strong>jQuery</strong>方法会遍历DOM文档<br />

找出该表达式对应的DOM节点。下面的代码将在HTML中找出所有的元素。<br />

<br />

<br />

<br />

<br />

<br />

<br />

link<br />

link<br />

link<br />

link<br />

link

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!