jquery学习--选择器

选择器：
basic
　　$(‘button‘) html 标签
　　$(‘#test‘) 标签ID
　　$(‘.test‘) 标签的class
　　$(‘.test,#test,h1‘) 多选用逗号隔开
　　$(‘*‘) 全选
等级选中
　　$(‘div code‘) 选择所有在div下面的所有code元素，不考虑有多少层
　　$(‘li>ul‘) >意味着直接子元素
　　$(‘strong+em‘) +姐妹选择器，只会选择一个兄弟元素
　　$(‘strong~em‘) ~姐妹选择器，选择之后所有兄弟元素
筛选器
　　$(‘li:first‘)
　　$(‘li:last‘)
　　$(‘li:not(li:first)‘)
　　$(‘li:even‘)
　　$(‘li:odd‘)
　　$(‘li:eq(1)‘) equal 等于1
　　$(‘li:gt(2)‘) greater 大于2
　　$(‘li:lt(2)‘) less 小于2
　　$(‘:header‘)
　　$(‘:animated‘)
内容选择器
　　$(‘li:contains(second-level)‘) 看内容
　　$(‘:empty‘) 内容为空
　　$(‘li:has(a)‘) 看子元素
　　$(‘p:parent‘) 内容不为空
显示选择器
　　$(‘:hidden‘) display:none
　　$(‘:visible‘) display:block

时间： 2024-10-07 10:17:14

jquery学习--选择器的相关文章

JQuery学习(选择器-基本-*)

1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme() + "://" 5 + request.getServerName() + ":&qu

JQuery学习(选择器-简单-animated)

1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme() + "://" 5 + request.getServerName() + ":&qu

jquery学习——选择器

一.基础选择器 1.$("*") 选择所有元素 2.$(".class") 选择某个类 3.$("#id") 选择某个id 4.$("element") 选择某个DOM的节点,如$("p").$("div") 5.$("element #id .class") 选择多个类型的元素组合在一起 二.属性选择器 1.[attribute="value"]

JQuery学习(选择器-可见性-hidden)

1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme() + "://" 5 + request.getServerName() + ":&qu

jQuery学习-------jQuery选择器

基本选择器: id选择器:$("#id") 标签选择器:$("tag") 类选择器:$(".classname") 通配选择器:$("*") 组选择器:$("selector1,selector2,...,selectorN") 层次选择器: 包含选择器:$("ancestor descendant") 子选择器:$("parent>child") 相邻选择器:

jQuery学习之路（四）之过滤选择器

今天是第四课主要学习过滤选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>lesson4 过滤选择器</title> <link rel="stylesheet" type="text/css" href="css/lesson.css" ></link>

HTML 学习笔记 JQuery（选择器）

学习前端也有一段时间了,今天终于进入到JQuery阶段了,对于新手来讲,JQuery的选择器类型之多 功能之强大实在不是一天两天能够记得完的.现在,就采用边学边记录的方式.以后要是忘了的话,也有一个地方能够迅速找到.今天也是站在前辈大神的肩膀上学习JQuery. 1.属性选择器 属性选择器的语法 jQuery( "[attribute|='value']" ) attribute: 一个属性名. value: 一个属性值,引号是可选的. 可以是一个不带引号的一个单词或带一个引号的字符串

jQuery学习之路（1）-选择器

▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优

jQuery学习笔记——jQuery常规选择器

一．简单选择器在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则.而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象.随后,我们就可以对这个获取到的 DOM 节点进行行为操作了.#box {//使用 ID 选择器的 CSS 规则color:red;//将 ID 为 box 的元素字体颜色变红}在 jQuery 选择器里,我们使用如下的方式获取同样的结果:$('#box').css('color', 'red