浅谈jquery选择器

首先来说说jquery选择器的优势:

1.简洁的写法  2.支持css1.0到3.0选择器 3.完善的处理机制。

再来说说分类:

jquery选择器分为基本选择器、层次选择器、属性选择器、基本过滤选择器、可见性过滤选择器。

基本选择器分为:标签选择器、类选择器、ID选择器、并集选择器、交集选择器、全局选择器。

常用的就两种:类选择器和ID选择器。

类选择器直接写给定的标签名就可以了,例如:$("h2").css("background","red")就是设置h2所有的元素为红色。

ID选择器是根据给定的ID匹配元素,例如:$(".title").css("background","green")就是设置id为title的元素为绿色。

层次选择器分为:后代选择器、子选择器、相邻元素选择器、同辈元素选择器。

常用的就两种:是后代选择器和子选择器。

后代选择器就是某元素后代的元素。例如:h1 em {color:red;}就是设置h1元素中的em元素为红色。

字选择器就是某元素的子元素。例如:h1 > strong {color:blue;}就是设置h1元素中的strong元素为蓝色。

剩下的就不详细说了,想了解的话下去查资料。

愿自己在java学习之路中一步一个深脚印走下去。--潇洒先生

时间: 2024-08-07 04:31:50

浅谈jquery选择器的相关文章

浅谈jquery关于select框的取值和赋值

浅谈jquery关于select框的取值和赋值 jQuery("#select_id").change(function(){}); // 1.为Select添加事件,当选择其中一项时触发 var checkValue = jQuery("#select_id").val(); // 2.获取Select选中项的Value var checkText = jQuery("#select_id :selected").text(); // 3.获取

浅谈 jQuery 事件源码定位问题

原文:浅谈 jQuery 事件源码定位问题 昨天群里有人问了个事件源码定位的问题,简单描述下是这样的. 在一个不是自己写的页面上,如何快速定位到他绑定的事件代码在哪?(页面用的是jQuery)这个问题,说难不难,说简单也没那么简单,万一用的是委托之类也会麻烦点. 在 chrome 的控制台里有个 Event Listeners,这里会显示你所选择元素的事件,如果是原生事件,他会直接显示,你点击一下事件就会跳到对应代码里了,可是 jQuery 绑定的事件却不是这样的,你点击后只会跳到 jQuery

浅谈jquery之on()绑定事件和off()解除绑定事件

off()函数用于移除元素上绑定的一个或多个事件的事件处理函数. off()函数主要用于解除由on()函数绑定的事件处理函数. 该函数属于jQuery对象(实例). 语法 jQuery 1.7 新增该函数.其主要有以下两种形式的用法: 用法一: jQueryObject.off( [ events [, selector ] [, handler ] ] ) 用法二: jQueryObject.off( eventsMap [, selector ] ) 参数 参数 描述 events 可选/S

浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式

前言 因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该文章日后能帮助到园友,文中如有不当之处,还望各位指正,话不多说,直接进入正题. bind() 简要描述 bind()向匹配元素添加一个或多个事件处理器. 使用方式 $(selector).bind(event,data,function) event:必需项:添加到元素的一个或多个事件,例如 click,db

浅谈Jquery中的bind()、live()、delegate()、on()绑定事件方式

一.on(),live(),bind() on() 为指定的元素,添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数.使用 on() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素). live() 向当前或未来的匹配元素添加一个或多个事件处理器: bind() 向匹配元素添加一个或多个事件处理器.(不能用于当前不存在的元素) 使用方式(三种均相同) $(selector).on(event,childselector,data,function) event:必需项

浅谈CSS 选择器

A   标签HTML 选择器 body {     padding : 0px ;  margin : 0px ;  background-color : #ffdee0 ; } B   类别CLASS 选择器 <style type="text/css">      .hongkong { color : blue ; } .hunang { color : red ; } </style> ......   <p class="hongkon

浅谈jquery中prop()和attr()

我们都知道,一般在jquery中设置属性时要用到attr()方法,现在我们有一个效果,点击按钮切换复选框的选中状态,下面贴出html代码: <input type="checkbox" id="check"> <label>复选框</label> <input type="button" value="切换" id="btn"> js代码: <scrip

浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异

本文结合W3School的文档,分析了jQuery中 wrap() wrapAll() 与 wrapInner()的差异,并给出了图文对比教程,非常的简单实用,有需要的朋友可以参考下 今晚看书的时候发现jQuery有三个包裹节点的方法,百度了一下jQuery wrap() / wrapAll() / wrapInner(),果然搜索结果 W3School的文档说明是排第一的. 可是,W3School的解释是这样的: jQuery 文档操作 - wrap() 方法 wrap() 方法把每个被选元素

浅谈jquery事件命名空间

什么是jquery的事件命名空间? 先看如下简单代码: $("#btn").on("click.name1.name2",function(){ console.log(1); }) 其中name1.name2即为所绑定click事件的命名空间,在这里命名空间在事件名后面用"."来连接.在这里也可以把命名空间理解为别名,即这里绑定的click事件有两个别名name1和name2. 绑定具有命名空间的事件如何解除绑定? 如下8种写法均可取消绑定之前