jQ常用选择器

#id:    $(‘#div‘); //查找id=‘div‘;

.class: $(‘.myclass‘); //查找class=‘myclass‘;?

element:用于搜索的元素,指向DOM节点的标签名:   $(‘div‘); //?查找div元素

selector: 用于获取多个元素标签 : $(‘div,p,span‘);//查找元素div span p

:nth-child(n):获取后代第n个标签:?

$(‘#wrap  :nth-child(2)‘);//获取#wrap下的第2个子标签(注意:$(‘#wrap:nth-child(2)‘);中间不加空格则表示获取同代第2个标签)

:first-child\:last-child: 获取后代第一个\最后一个子标签:

$(‘#wrap  :first\last-child‘);//获取#wrap下第一个\最后一个子标签  中间没有空格隔开代表获取同代第一个\最后一个标签;

elem+next:  获取elem下一个同辈标签:

$(‘.li1+li‘)?;//获取.li1后面的紧跟的同辈标签

prev~sibing: 获取prev后面所有同辈标签:

时间: 2024-11-15 03:50:33

jQ常用选择器的相关文章

Jquery常用选择器

Jquery常用选择器<p id="test">这是段落中的<b>粗体</b>文本.</p>text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)$("#test").text():这是段落中的粗体文本.$("#test").html():这是段落中的<b>粗体</b>文本. append() - 在被选元素的结尾插入

【css】css常用选择器

css常用选择器 * 通配选择器 选择文档中所以HTML元素 E 元素选择器  选择指定类型的HTML元素 #id ID选择器  选择指定ID属性值为"id"的任意类型元素 .class 类选择器   选择指定class属性值为"class"的任意类型的任意多个元素 selector1,selectorN 群组选择器 将每一个选择器匹配的元素集合并 E F 后代选择器(包含选择器)  选择匹配的F元素,且匹配的F元素被包含在匹配的E元素内 E>F 子选择器 选

jQuery常用选择器总结

jQuery常用选择器总结: 我们都知道jQuery是JavaScript(JS)的框架,它的语法简单使用方便,被广大开发人员青睐.现在我就它常用的并且十分强大的选择器的方式,做一个总结.鉴于它的选择器方式众多,我就自己平时工作之中所遇到的常见的方式做一个总结. 一,元素查找方式: $("#myElement")    选择id为myElement的元素,因为id在使用中是唯一的,所以这样的选择也是指定的不变的. $("div")    选择所有的div标签元素,返

css常用选择器

CSS常用选择器:标签选择器,类选择器,ID选择器,派生选择器,子选择器,组合选择器 1:标签选择器:如果是一个声明,则不需要带分号,如果是多个声明,则最后一个声明不需要带分号 h1{     color: red } h1{     color: red; font-size: 14px } 2.类选择器:在CSS里用一个点开头表示类别选择器定义,所有类的选择器的名字以一点开始,在句点后面必须以字母开始,类名中允许使用字目,数字,连字号"-"和下划线"_",类名分

JQuery常用选择器,方法,正则表达式

JQuer常用选择器,方法,正则表达式 JQuer 选择器 1) 标签选择器:$(" h3 ")取全部的h2元素 层次选择器:$("#div a ")取div下全部<a>元素 类选择器:  $(".title ")取全部class下的title元素 子选择器:     $(" #menu>span ")选取#menu下的子元素 Id 选择器:     $(" # title")取id 为t

JQ基本选择器

JQ选择器采用CSS和Xpath选择器语法规范,满足用户在DOM中快速匹配元素或元素集合. 1.JQ支持CSS1.CSS2.CSS3.不同版本的所有选择器,而早期的很多浏览器并没有完全支持CSS3版本的选择器. 2.JQ支持不同的主流浏览器,因此使用JQ选择文档的时候就不用考虑浏览器的兼容问题了. JQ基本选择器包含的有: 1.id选择器(#id). 2.类型选择器(element). 3.类选择器(.class). 4.通配选择器(*). 5.分组选择器(selector1.selector2

01-css的引入方式和常用选择器

一.css介绍 现在的互联网前端分三层: HTML:超文本标记语言.从语义的角度描述页面结构. CSS:层叠样式表.从审美的角度负责页面样式. JS:JavaScript .从交互的角度描述页面行为 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. css的最新版本是css3,我们目前学习的是css2.1 接下来我们要讲一下为什么要使用CSS. HT

CSS选择器(常用选择器)

常用选择器 直接选择标签名: id选择器 为图中“哈哈哈哈”单独改变样式 class属性 为下图中四行“嘻”字设置样式,我们可以为元素设置class属性,class属性和id属性类似,只不过class属性可以重复 拥有相同class属性值的元素我们可以说它们是一组元素 可以同时为一个元素设置多个class属性值,多个值之间使用空格隔开 id为one元素,class为two元素,和h1,同时设置一个背景色为红色 此方法较为麻烦,可使用选择器分组{并集选择器} 通过选择器分组可以同时选中多个选择器对

恶补jquery(二)jquery常用选择器

jquery选择器与js获取页面元素比较 我们以简单的例子说明,其中div的id为divT,如下所示 用js在div中内容输出代码如下: window.onload=function(){ var myDiv = document.getElementById("divT"); myDiv.innerHTML = "这是个测试页面"; } 用jquery选择div元素然后输出,代码如下: $(function(){ $("#divT").html