jquery如何获取class元素集

太多了 不明白你想干什么 你是想处理多个class是吧 想怎么获取？用each方法就可以了

$("nav")each(function(index,item) {

    $(this)……//这个就是jquer循环获取的class对象 你可以用来处理你的逻辑

});

函数是可以调用的，方法就不能调用，还有，JQ的函数里的对象是JQ，而JS和JQ的方法不能混着用，如果你JQ想用JS的方法就把对象转成JS对象，如果JS想用JQ的方法就把JS对象转成JQ对象

1

2

3

4

5

6

7

// JS获取对象

var obj = documentgetElementById('id');

// 把JS对象转换到jQuery对象

var $obj = $(obj);

var $obj = $('#id');

// jQuery对象转换到JS对象

var obj = $objget(0);

jquery的click表示点击事件，这个很好理解，on和bind都是表示绑定一个事件，bind是jquery17以前的版本方法，从17开始，推出了on方法表示绑定，bind(),live()和delegate()都用了on()来表示，所以说on是bind的替代者。

domclick只是点击方法的实现，addEventListener可以监听同个元素的多个事件，而不只是click，还支持事件的回调函数，功能强大

var a = documentgetElementById("img1"); 获得的是js的DOM对象，而 var a = $("#img1"); 获得的则是JQuery的内部自定义对象，两者是不相等的！比如说要给src属性赋值，前者用 asrc=""，而后者要用 aattr("src","")

两者可以进行互相转换：DOM对象转为jq对象：

var a = documentgetElementById("img1"); //a是DOM对象

var b = $(a); //b是jq对象

jq对象转为DOM对象：

var a = $("#img1"); //a是jq对象

var b = a[0]; //b是DOM对象

什么是outerHTML

outerHTML，中文意为图例分析，用于获取元素内的html内容和文本。

与JQ的$()html()所不同的是，jQueryhtml() 是获取当前节点下的html代码，并不包含当前节点本身的代码。而outerHTML则包含本身的代码

例HTML：

<p id="testid"><span>这是一段Html代码</span></p>

它的html()为：

<span>这是一段Html代码</span>

而有时候回需要包含当前节点的代码，所以就用到了outerHTML，也就是

<p id="testid"><span>这是一段Html代码</span></p>

如何使用jQuery获取outerHTML

原生的JS Dom中有一个内置属性叫做：outerHTML (注意大小写敏感)获取包含当前节点的HTML代码。所以可以用JQ中的prop()获取，以上文代码为例

$('#testid')prop("outerHTML")

完整代码示例

<script src="

<p id="testid"><span>这是一段Html代码</span></p>

<script type="text/javascript">

consolelog("节点内的HTML代码\n"+$('#testid')html());

consolelog("包含节点的HTML代码\n"+$('#testid')prop("outerHTML"));

</script>

jquery获取元素索引值index()方法：

jquery的index()方法

搜索匹配的元素，并返回相应元素的索引值，从0开始计数。

如果不给

index()

方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。

如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。

如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素，则返回-1。

复制代码代码如下:

foo

bar

baz

$('li')index(documentgetElementById('bar'));

//1，传递一个DOM对象，返回这个对象在原先集合中的索引位置

$('li')index($('#bar'));

//1，传递一个jQuery对象

$('li')index($('li:gt(0)'));

//1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置

$('#bar')index('li');

//1，传递一个选择器，返回#bar在所有li中的做引位置

$('#bar')index();

//1，不传递参数，返回这个元素在同辈中的索引位置。

jquery获取元素索引值index()示例

复制代码代码如下:

//用于二级或者三级联动

建站素材

jquery特效

懒人主机

前端路上

$("#nav

a")click(function(){

//四个经典的用法

var

index1

=

$("#nav

a")index(this);

var

index2

=

$("#nav

a")index($(this));

var

index3

=

$(this)index()

var

index3

=

$(this)index("a")

alert(index3);

return

false;

});

第一：jQuery('#showDiv')html(aaa)是jQuery对象。而documentgetElementById('showDiv')innerHTML是DOM对象。那么jQuery对象和DOM对象的区别就是：

jQuery对象就是通过jQuery包装DOM对象后产生的对象。

DOM（Document Object Model，文档对象模型），每一份DOM都可以表示成一棵树。

举例说明：

(1)$("#foo")html(); //jQuery对象

(2)documentgetElementById("foo")innerHTML; //DOM对象

(1)和(2)是等同的。值得注意的是：在jQuery对象中无法使用DOM对象的任何方法。例如：$("#id")innerHTML和$("#id")checked之类的写法都是错误的，可以用$("#id")html()和$("#id")attr("checked")之类的jQuery方法代替。同样，DOM对象也不能使用Jquery里的方法。

第二：jQuery对象和DOM对象相互转换

方法1：通过[index]的方法得到相应的DOM对象。

方法2：通过jQuery本事提供的get(index)方法得到相应的DOM对象。

希望能帮到你！

以上就是关于jquery如何获取class元素集全部的内容，包括:jquery如何获取class元素集、如何在JS中调用jQuery内部的函数或对象、请问jquery中$('element').click()、$('element').on('click',function(){});、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！