jQuery 第二课 —— 选择定位

前言:

  jQuery有着自己丰富多彩的功能方法,

  但是不管实现什么功能或者方法,

  最基础的就应该先选择定位到对象,

  然后再对对象进行一系列的操作

本章目标:了解jQuery的多种选择器


内容:

  jQuery常用的选择器有以下几种:

    1.通过 id

    2.通过 class

    3.通过 tagName

    4.后代选择器

    5.子选择器

    6.紧邻选择器

    7.同辈选择器

    8.选择多个

1.通过 id

  关键符号 #

  写法:$("#idName")

  例子:

    

2.通过 class

  关键符号 .

  写法:$(".className")

  例子:

    

3.通过 tagName

  关键符号 标签名

  写法:$("tagName")

  例子:

    

4.后代选择器

  关键符号   (空格)

  写法:$("from input")

  含义:from 标签内的所有后代 input 元素

  例子:

    

5.子选择器

  关键符号 >

  写法:$("from>input")

  含义:from 标签内子的 input 元素

  例子:

    

6.紧邻选择器

  关键符号 +

  写法:$("span+input")

  含义:span 标签下一个紧挨着同辈的 input

  例子:

    

7.同辈选择器

  关键符号 ~

  写法:$("span~input")

  含义:与 span 同辈的 input 标签

  例子:

    

8.选择多个

  关键符号 ,

  写法:$("#a01,.c01")

  含义:选定 id 为 a01,class 为 c01

  例子:

    


总结:

  jQuery 的 选择器是有多种多样的,

  如果灵活的去运用也是需要多多练习,加以巩固

时间: 2024-08-05 11:37:11

jQuery 第二课 —— 选择定位的相关文章

Jquery第二课 Javascript基础

基础知识 网页由三个部分组成:HTML.CSS和JavaScript.它们分别完成不同的功能,其中HTML描述页面内容.CSS负责内容的展示.JavaScript添加交互功能和动态效果.三者一起组成一个完整的Web页面. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>长沙戴维营教育jQuery教程 第二课</title> <!-- CS

Jquery 第二课(jq:元素获取、添加、删除、过滤、判断、遍历、取值,样式设置、改变对象、切换、判断)

1.获取元素: 1).size(): 获取元素的个数. $(“img”).size():获取有多少个img. 2).eq():获取元素. $(“img[title]”).eq(1):获取第二个带有title属性的img标签. 也可以写作: $(“img[title]”)[1],此括号里的1代表索引1,所以是对应第二个,一般多用eq(). 3).get() :获得由选择器指定的DOM元素. x=$("p").get(0):获取第一个 p 元素的值. 4)index():获取某项标签的索引

2015-07-22 JQuery 第二课(JQ元素获取,添加,删除,判断,遍历,取值,样式设置,改变对象,切换)

1.获取元素: 1).size(): 获取元素的个数. $(“img”).size():获取有多少个img. 2).eq():获取元素. $(“img[title]”).eq(1):获取第二个带有title属性的img标签. 也可以写作: $(“img[title]”)[1],此括号里的1代表索引1,所以是对应第二个,一般多用eq(). 3).get() :获得由选择器指定的DOM元素. x=$("p").get(0):获取第一个 p 元素的值. 4)index():获取某项标签的索引

自学C语言第二课——选择编译器并开始分析别人的代码

听说现在我在大学大学的同学普遍用的编译器是VC6.0,为了方便向他们请教,于是我刚开始决定选择VC6.0来学习.可是安装的过程出现种种问题,我又不想用绿色版,所以最后选择了安装极为方便的DEV-C++.我想要从分析别人的代码开始学起.同学向我推荐了一本书.然后,我就开始分析书里面的代码. 例题1: 通过百度和看我在大学的同学给我的资料,我认识到: 1.关于<stdio.h> stdio.h就是指“standardinput&output" 意思就是说标准输入输出头文件! 所以

jquery基础教程 - 第二章 选择元素

内容提要 1.网页中元素的介绍 2.如何通过CSS选择符在页面中查找元素 3.扩展jquery标准的CSS选择符 4.让选择页面元素更灵活的DOM遍历方法 本章重点:让我们能够在DOM中快捷而又轻松地获取元素或元素的集合 1.网页中元素介绍 1.1理解DOM -- JQUERY最大的特性之一就是它能够简化在DOM中选择元素的任务, DOM 充当网页和javascript之间的接口,它以对象网络而非纯文本的形式来表现html的代码 <html>是网页中的祖先元素: 搞清楚子元素,父元素,同辈元素

【Linux探索之旅】第三部分第二课:流、管道、重定向,三管齐下

内容简介 1.第三部分第二课:流.管道.重定向,三管齐下 2.第三部分第三课预告:监视系统活动,滴水不漏 流.管道.重定向,三管齐下 这一课我们来学一些非常有用的内容,而且相当有意思,而且内容很多,而且有可能颠覆你的三<观>(毕竟三管齐下,不颠覆三观也难). 今天的标题中的三个名称,听上去就怪怪的.什么流,管道,重定向,都啥玩意啊.不过希望学完这课,大家能够有拨云见雾的感觉. 到目前为止,我们已经学习了不少Linux的命令了,也已经比较熟悉命令行的用法了.其最基本用法是这样的: 在终端输入命令

管理者的角色修炼-第二课总结

一.前言 第二课历时两天,主要讲了团队从招人到高绩效的各个阶段的特征,有什么问题,如何解决!结合我自己的亲身经历,反思后印证着去看,还是很有收获. 二.开场的一件小事 第二课换了一个有着男性名字的女老师,其实大家对老师的男女没什么太多的想法.但老师在开场做自我介绍后,大家对其的第一印象和行为就出现了比第一课老师不一样的东西. 问题就出在这个自我介绍上.老师介绍完的自己的名字后,说其有20多年的工作经验了:08年之前在一个外企工作,这中间,正好遇上了奥运会需要培训3000名员工和志愿者:这之后,跳

jQuery获取Select选择的Text(非表单元素)和 Value(表单元素)(转)

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#selec

【C语言探索之旅】 第三部分第二课:SDL开发游戏之创建窗口和画布

内容简介 1.第三部分第二课: SDL开发游戏之创建窗口和画布 2.第三部分第三课预告: SDL开发游戏之显示图像 第三部分第二课:SDL开发游戏之创建窗口和画布 在上一课中,我们对SDL这个开源库做了介绍,也带大家配置了SDL的开发环境.请大家按照上一课的步骤创建一个SDL工程,能够初步运行. 如果遇到问题,可以百度,Google相关平台SDL的配置.或者联系小编. 当然了,有些朋友可能会说开发C语言游戏还可以用GTK+这个库,但是个人认为GTK+没有SDL那么适合开发游戏,其创建图形界面的能