jQuery选择器(重要) 基本选择器;jquery的html方法，text方法，each方法，index方法

太过爱你忘了你带给我的痛 2022-06-06 06:22 152阅读 0赞

**jQuery选择器(重要)**

**基本选择器**

**\#id 根据 id属性查找(筛选)一个元素**

**Element 根据元素的标签名称查找元素**

**.class 根据元素的class属性查找元素**

**\*  匹配所有元素**

**Selector1,selector2…  将每一个选择器匹配到的元素合并后，一起返回()selector1指的是不同的类型的选择器**

$(function()\{

//1 得到id=d1 的元素中的内容显示出

var html = $("\#d1").html();//html方法得到的是对应元素中的所有内容包括标签

alert(html);

var text = $("\#d1").text();//text方法得到的是对应元素中的文本内容

alert(text);

//2 将class=d 元素中的内容后面添加欢迎你 each 是遍历

$(".d").each(function()\{

//this它是要给dom对象，要转换成jquery对象才能使用html方法

//将$(this).html()+"欢迎你"  当成前一个$(this).html();的html括号中 的内容

$(this).html($(this).html()+"欢迎你");

\});

//3 得到id=d1 这个div在整个页面是第几个

var index = $("div").index($("\#d1"));//index 就是判断id=d1的元素 在所有div中的索引值（序号）。从0开始

alert(index);

//4 得到class=d 的元素有几个

var size = $(".d").size();

alert(size);

// 5 将所有的class=d 或id = d1 元素中 的内容设置为java

$(".d,\#d1").html("xiugaiweijava");

\});

方法总结:

a. **html ()**方法，**无参数代表获取元素中的html代码，如果有参数代表设置元素的html信息**

b. **text()**方法，**无参数代表获取元素中的文本信息，如果有参数代表设置元素的文本信息**

c. **each()**方法，**它的使用可以帮助我们遍历元素，可以传递一个函数 each(function(n)),n就代表的是每一个元素的序号，在函数中可以通过this来获取其dom对象**

d. **index()**方法，**它可以判断元素的序号**

发表评论取消回复

表情：

评论列表（有 0 条评论，152人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery eq(index)选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

绝地灬酷狼/ 2022年07月13日 10:29/ 0 赞/ 96 阅读

相关 Jquery选择器-基本选择器

jquery作为我们常用前端工具之一，实际项目中常用的的选择器有id选择器(\id)、元素选择器(element)、样式选择器(.class)。 \id 概述:根据给定

秒速五厘米/ 2022年07月10日 05:58/ 0 赞/ 331 阅读

相关 jQuery 笔记 —— $.each、$().each方法与选择器过滤写法

一、$.each 与$().each 简单区别： $.each 参数可对任意对象进行操作，$().each 可见是对选择器所选的元素进行操作。原理：是通

￡神魔★判官ぃ/ 2022年06月07日 03:51/ 0 赞/ 197 阅读

相关 jquery层级选择器；jquery的css() 方法

层级选择器层级选择器是根据元素的关系来获取。关系是指父子关系，兄弟关系 1. 空格得到元素下的所有子元素(包含直接子元素与间接子元素) 2. 大于号>

た入场券/ 2022年06月06日 06:24/ 0 赞/ 205 阅读

相关 jQuery选择器(重要) 基本选择器;jquery的html方法，text方法，each方法，index方法

jQuery选择器(重要) 基本选择器 \id 根据 id属性查找(筛选)一个元素 Element 根据元素的标签名称查找元素 .class 根据元素的class

太过爱你忘了你带给我的痛/ 2022年06月06日 06:22/ 0 赞/ 153 阅读

相关 HTML-jQuery选择器

jQuery选择器 jQuery选择器类似于CSS选择器，用来选取网页中的元素示例:$("h3").css("background","\09F"); 1

悠悠/ 2022年05月12日 08:12/ 0 赞/ 193 阅读

相关复习之JQuery基本语法（一）——选择器、JQuery对象属性与方法

JQuery简介 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。

你的名字/ 2022年05月10日 02:03/ 0 赞/ 166 阅读

相关 jQuery过滤选择器:not()方法介绍

jQuery(':not(selector)') 在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的select

蔚落/ 2022年04月14日 06:45/ 0 赞/ 164 阅读

相关 jQuery each() 方法

概述： jQuery中的 each 函数很方便,`$.each ()`函数封装了十分强大的遍历功能，它可以遍历一维数组、多维数组、DOM ，JSON 等等。 `$.ea

￡神魔★判官ぃ/ 2021年09月13日 23:22/ 0 赞/ 405 阅读

相关 Jquery选择器使用方法大全

[林炳文Evankaka][Evankaka]原创作品。转载请注明出处[http://blog.csdn.net/evankaka][http_blog.csdn.net_

Dear 丶/ 2021年09月10日 15:06/ 0 赞/ 319 阅读