jq选择器汇总

 1     $("div")                 //标签
 2     $(".box")                //类
 3     $("#box")                //ID
 4     $("a[href][name]")       //多个属性
 5     $("a[name]")             //选取带有name的a
 6     $("a[name=‘aaa‘]")       //选取带有name并且值为aaa的a
 7     $("a[name~=aaa]")        //选取属性值中包含aaa的a
 8     $("a[name|=aaa]")        //选取name中以aaa开头的a,必须是整个单词
 9     $("a[name^=aaa]")        //选取name中以aaa开头的a
10     $("a[name$=aaa]")        //选取name中以aaa结尾的a
11     $("a[name*=aaa]")        //选取name中包含aaa的所有a
12     $("a:active")            //被激活的元素a
13     $("a:focus")             //有焦点的元素a
14     $("a:hover")             //经过时的元素a
15     $("a:link")              //默认时的元素a
16     $("a:visited")           //访问过的元素a
17     $("a:first-child")       //元素的第一个元素a
18     $("a:lang")              //带有lang的伪类
19     $("p:first-line")        //p的第一行
20     $("p:first-letter")      //p的首字母
21     $("p:befor")             //p的内容前面
22     $("p:after")             //p的内容之后
23     $("ul li > a")           //选取li下面的a
24     $(".box + ul")           //相邻兄弟选择          

jq选择器汇总

时间: 2024-12-15 01:33:39

jq选择器汇总的相关文章

2015.7.20 第十课 课程重点(jq选择器:id、类、标签、特殊、属性、包含、位置、过滤)

1.在VS中新建jq项目: 新建web窗体时选择第二个: 将系统生成的多余文件夹删掉,仅留下Scripts和Web.config: 将Scripts文件夹改名为我们熟悉的js(也可以不改,仅推荐改),并新建文件夹css和image,并在对应位置添加页面,html.css.js 将上图鼠标所指的.min.js文件拖动到html中,将自己新建的js文件拖动到它下方,如图: *两者上下位置关系千万别弄饭了,min.js一定要在最上面. 将Script文件夹中的第一个js文件(_references.j

JQ选择器...

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JQ选择器</title> <style type="text/css"> .focused{ background:#abcdef; } </style> </head> <body> &

Jquery 第一课(jq选择器:id、类、标签、奇偶、eq、nth-child、子元素、属性、包含、位置、过滤)

一.什么是jQuery? jQuery是一款比较优秀的js框架.是将js中比较常用的方法封装底层.口号是"write less,do more". 二.如何使用jQuery呢?(使用jQuery的整体思路) 1.页面加载完之后 2.找到对象 3.执行你要的事件 4.声明一个事件(function()) 5.完成事件里面的内容 三.第一个jQuery程序 注意小点:1.引入jQuery文件的时候,把jQuery的文件放js文件之前(页面由上而下执行). 2.$的作用 一个是页面加载 还有

类jq选择器扩展.

这几天一有空就在折腾类jq选择器,昨天晚上自己实现了选择器的大致雏形.今天接着折腾给这个简陋的选择器增添新的方法. 我们平时用jq选择器,不只能够用$(str)方法获取元素,也支持$(dom对象集合): 为了造的更像我们常用的这个轮子,接着对昨天晚上做的选择器又进行了一点扩展. 以下是昨天坐的选择器雏形, 利用getEle(str)方法便可获取dom元素集合. function getByClass(oParent,sClass){ if(oParent.getElementsByClassNa

JQ 选择器篇1

基本选择器  1)id # 选择器 找到 id 相对应的元素 eg: $(“#container”)  找到id 为container的元素的集合 2). class  类选择器 找到 class 包含 此类的元素 eg $(“.content”)  找到只要class里面包含content类的的元素的集合 3)元素选择器 顾名思义可以找到 相对应的元素 eg:$(“img”)  找到所有的img 元素 4) * 选择器 (任意元素选择器 ) 可以找到任意元素 eg: $(“*”) 找到的是整个

第十课 课程重点(jq选择器:id、类、标签、奇偶、eq、nth-child、子元素、属性、包含、位置、过滤)

1.在VS中新建jq项目: 新建web窗体时选择第二个: 将系统生成的多余文件夹删掉,仅留下Scripts和Web.config: 将Scripts文件夹改名为我们熟悉的js(也可以不改,仅推荐改),并新建文件夹css和image,并在对应位置添加页面,html.css.js 将上图鼠标所指的.min.js文件拖动到html中,将自己新建的js文件拖动到它下方,如图: *两者上下位置关系千万别弄饭了,min.js一定要在最上面. 将Script文件夹中的第一个js文件(_references.j

[转载]JQ 选择器大全

Warning:  Format string is not a string literal (potentially insecure) [objc] view plaincopy NSString * str = nil; str = [NSString stringWithFormat:@"---%d---", 18] ; NSLog(str); 解决1: [objc] view plaincopy NSLog(str,nil); 解决2: [objc] view plainc

jQuery框架使用,jq选择器,jq操作页面内容, jq操作类名,jq操作全局属性,jq获取盒子信息,jq获取位置信息,js/jq页面加载完毕事件,jq事件

jq选择器 // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取的是jq对象数组 // 拿到指定的页面元素jq对象 $('css3选择器语法').eq(index); var $box = $(".box").eq(1); 获取的是jq对象数组 // jq 转 js ( jq对像就是由数组包裹的js对象 ) box1 = $box[0] 从数组里取出来 box1 = $box.g

JQ选择器篇2

  1)层级选择器 a.子代选择器  > eg: 查找div 子代的类包含content的元素 $(“div>.content”) b.所有子代选择器  (某个元素里面的所有元素) eg 查找表单from里面的所有input元素  $(“form input”) c.prev+next 匹配所有紧接在 prev 元素后的 next 元素 eg :查找紧接着所有lable元素后面为input的元素 $(“lable+input”) d.prev~slibings 匹配 prev 元素之后的所有同