本文说明了jQuery中元素选择器的简单用法。分享给大家参考，如下：

一.导言

元素选择器根据元素名称匹配相应的元素。

一般来说，元素选择器指向DOM元素的标签名，这意味着元素选择器是根据元素的标签名来选择的。

元素的标签名可以理解为学生的名字。一所学校可能有多个名为“刘伟”的学生，但可能只有一个名为“武玉”的学生，因此元素选择器匹配的元素可能有多个或一个。

在大多数情况下，元素选择器匹配一组元素。

元素选择器的使用如下：

$(“element”)；其中element是要查询的元素的标记名。

例如，要查询所有div元素，可以使用以下jQuery代码：

$(“div”)；二、应用

向页面添加两个div标签和一个按钮，点击按钮获取两个div并修改其内容。

第三，代码

Script src=' http :3358 libs . Baidu.com/jquery/2 . 0 . 0/jquery . min . js '/Script div这里种了一颗草莓/divdiv这里种了一条鱼/div put type=' button ' value='若干年后'/Script type=' text/JavaScript' $(文档)。ready(function(){ $(' input[type=' button ']')。click(function(){//是一个按钮绑定click事件$('div ')。eq(0)。html('一个草莓长在这里')//获取第一个div元素$('div ')。get(1)。innerHTML='这里的鱼都没了'；//获取第二个div元素})；});/脚本四。运行效果(此处，http://tools.jb51.net/code/HtmlJsRun用于在线运行测试):

动词（verb的缩写）使用说明书

在上面的代码中，一组div元素的jQuery包装器集合是通过使用元素选择器获得的，元素选择器是存储在[Object Object]中的一组Object对象，但是这种方法无法显示单个元素的文本信息，所以需要通过索引器来确定选择哪个div元素。这里，分别使用了两个不同的索引器eq()和get()。

这里的索引器类似于一个房间的门牌号。不同的是门牌号从1开始计数，而索引器从0开始计数。

在这个例子中，使用了两种方法来设置元素的文本内容，html()方法是jQuery方法，innerHTML方法是DOM对象方法。

这里是$(文档)。还使用了ready()方法。当页面元素准备好加载时，程序将自动执行，点击事件将自动绑定到按钮。

eq()方法返回一个jQuery包装器集，所以只能调用jQuery方法，而get()方法返回一个DOM对象，所以只能使用DOM对象的方法。

默认情况下，eq()方法和get()方法都从0开始计数。

$('#test ')。get(0)相当于$(“# test”)[0]。

更多对jQuery感兴趣的读者可以查看本网站的主题：《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》和《jquery选择器用法总结》

希望本文对大家的jQuery程序设计有所帮助。