jquery css选择器学习笔记

1. $('node+next'） == $('node').next()

2. $('node~siblings') == $('node').nextAll();

3. :gt(index)大于index序号的的元素，从0开始

4. :lt(index)小于index序号的元素，从0开始

4. :header 获取所有h1，h2，h3，h4...的元素

例子

比如你要获取id为123的div的z-index的值

$("#123").css("z-index")

而你要设置他的属性值的话就是这样写

$("#123").css("z-index","10")

好了总结一下

jQuery 拥有若干进行 CSS 操作的方法

addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性

时间： 2024-08-01 07:49:20

jquery css选择器学习笔记的相关文章

JavaScript权威设计--JavaScript脚本化文档Document与CSS(简要学习笔记十五)

1.Document与Element和TEXT是Node的子类. Document:树形的根部节点 Element:HTML元素的节点 TEXT:文本节点   >>HtmlElement与HtmlDocument a:HtmlElement对象表示HTML中的一个个元素. b:HtmlDocument对象表示 HTML 文档树的根.HTMLDocument 接口对 DOM Document 接口进行了扩展,定义 HTML 专用的属性和方法.   >>HTML的DOM对象 a:DOM

jquery第一阶段学习笔记

function采用new来实例化,而this就是实例的一个引用,所谓引用,有点类似人的别名,无论别名有多少,都指的是同一个人,所以this指的是那个用new创建的实例,this是运行时确定的,所以同一个this可能指向不同的对象. 讲到this就不得不谈JS的类型,JS只有几种类型,分别是string,number,function,object和boolen.其中最灵活的是object类. 例如o={};  代码如下 复制代码 o=[]; a=function(){}; o=new a();

CSS选择器学习攻略

  CSS选择器基本知识 一.基本选择器 序号 选择器 含义 1. * 通用元素选择器,匹配任何元素 2. E 标签选择器,匹配所有使用E标签的元素 3. .info class选择器,匹配所有class属性中包含info的元素 4. #footer id选择器,匹配所有id属性等于footer的元素 实例: CSS Code复制内容到剪贴板 * { margin:0; padding:0; } p { font-size:2em; } .info { background:#ff0; } p.

jquery CSS选择器笔记_jquery

去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记. 这几天拿出来看了一下,发现很多都忘记了.所以,我决定把它们贴在这里,方便以后查看.这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步. 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器.今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定. 序号 选择器 含义 1. * 通用元素选择器,匹配任何元素 2. E 标签选择器,匹配所有使用E标签的元素 3. .info c

分享jQuery插件的学习笔记_jquery

插件(Plugin)也成为 jQuery 扩展(Extension),是一种遵循一定规范的应用程序接口编写出来的程序.目前 jQuery 插件已超过几千种,由来自世界各地的开发者共同编写.验证和完善.而对于jQuery开发者而言,直接使用这些插件将快速稳定架构系统,节约项目成本. 一． 插件概述 插件是以 jQuery 的核心代码为基础,编写出复合一定规范的应用程序.也就是说,插件也是 jQuery 代码,通过 js 文件引入的方式植入即可. 插件的种类很多,主要大致可以分为:UI 类.表单及验

jQuery css()选择器使用说明

CSS操作有一个重要的方法:CSS() CSS()有三个不同的语法,来完成各自的工作: ■$(selector).css(name,value) ■$(selector).css({properties}) ■$(selector).css(name) 返回CSS属性使用CSS(name)返回指定的第一个匹配元素的CSS属性值: 示例  代码如下 复制代码 $(this).css("background-color"); 试一试 » 设置 CSS 属性和值使用css(name,valu

网站设计css+div学习笔记速记口诀

现在已经进入了web2.0的时代了,网站也开始慢慢变得规范了起来,网站源代码也就要遵循最标准的div+css来设计了.我们这种以前用table来制作网站的代码工也要重新开始学习了,这是最近学习css以来的一些经验技巧笔记,希望对新手能够提供很大的帮助.速记口诀对于我们中国人来说实在是太便利了,从五笔简码到现在的css口诀,绝对不是外国人可以想象的. 在做网站过程中,常常要修改网站模板,而模板受css控制.如果在用CSS设计布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把 C

DIV+CSS导航学习笔记

学习简单导航制作,常见导航有如下样式: w3school导航 网易首页导航 以上两种分别可以用ul和div来制作,直接上代码: test.html: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Lan

CSS系统学习笔记

权重主要分为 4 个等级: 第一等:代表内联样式,如: style="",权值为1000 第二等:代表ID选择器,如:#content,权值为100 第三等:代表类,伪类和属性选择器,如.content,权值为10 第四等:代表类型选择器和伪元素选择器,如div p,权值为1 遵循如下法则: 选择器都有一个权值,权值越大越优先: 当权值相等时,后出现的样式表设置要优于先出现的样式表设置: 创作者的规则高于浏览者:即网页编写者设置的 CSS 样式的优先权高于浏览器所设置的样式: 继承的