码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 第二课 —— 选择定位

时间:2017-07-24 16:28:12      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:分享   通过   jquery   空格   logs   内容   ima   com   一个   

前言:

  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 的 选择器是有多种多样的,

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

jQuery 第二课 —— 选择定位

标签:分享   通过   jquery   空格   logs   内容   ima   com   一个   

原文地址:http://www.cnblogs.com/mxnd/p/7228960.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!