美文网首页
jQuery -选择器

jQuery -选择器

作者: 大步迈 | 来源:发表于2016-08-30 15:25 被阅读72次

jQuery语法是为HTML元素的选取编制的,可以对元素执行某些操作。

基础语法:

使用$定义iquery函数

选择符(selector)来查询和查找HTML元素

jQuery的action()执行对元素的操作

iquery元素选择器

jQuery 使用 CSS 选择器来选取 HTML 元素。

 $("p") 选取<p>元素。

$("p.intro") 选取所有 class="intro" 的<p>元素。 

$("p#demo") 选取 id="demo" 的第一个<p>元素。

jQuery属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

 $("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

$(‘div[自定义标签 ]’) 可以选择到

jQuery层次选择器

针对一系列很多相同的标签的元素选择

标签A+冒号+first/last  表示选择很多相同标签中的第一个标签

标签A+空格+冒号+first/last   表示选择很多相同标签中的第一个标签中的行内标签

上一级标签A~下一级标签B   表示A标签下面的选择的所有的B标签

标签+冒号+not(‘标签名’)  表示选中的 标签内的内容不变化

标签+冒号+even  偶数选择器(且从0开始计数)

标签+冒号+odd    奇数选择器 (且从0开始计数)

标签+冒号+eq(数字)  则选中的标签为数字加一(且从0开始计数)

标签+冒号+gt(数字)  大于数字的所有元素

标签+冒号+lt(数字)  小于数字的所有元素

(‘冒号+header’)  选取好h~6的标签

(‘冒号+animated’) 选取正在执行动画的元素

内容过滤选择器 格式为:$(‘选择器’)

标签+冒号+contains(“字符”)对含有该字符的段落的样式进行改变

标签+冒号+contains(“标签B”)对含有该字符的标签的段落的样式进行改变

标签+冒号+has(“标签”)

标签+冒号+empty  标签中为空

标签+冒号+parent    选取含有子元素或者文本的标签

可见性选择器

标签+冒号+hidden  选择页面上不可见的标签(当标签是占据位置时是不能用的)

标签+冒号+visible  选择可见的标签

子元素过滤选择器

冒号+first-child  选择父元素第一个子元素

冒号+last-child 选择父元素最后一个子元素

冒号+onlychild 选择父元素最后一个子元素的元素

冒号+nth-child(表达式) 选取父元素中的第X个元素,X由表达式决定

冒号+first-of-type  选取所有相同元素的第一个兄弟元素

冒号+last-of-type  选取所有相同元素的最后一个兄弟元素

冒号+nth-last-child(表达式) 选择所有他们父元素的第n个子元素,计数从最后一个元素开始到第一个。

冒号+only-of-type  冒号+nth-of-type  冒号+nth-last-of-type

表单元素选择器

冒号+input    input标签的value

冒号+text    input标签的value

冒号+password    input标签的value

冒号+radio   

冒号+checkbox

冒号+submit

冒号+image

冒号+reset

冒号+button  input标签的value

冒号+file    input标签的value

冒号+hidden (条件①肉眼看不见②在网页上不占据位置)

表单属性选择器

冒号+enabled  选择所有可用元素

冒号+disabled  选择所有不可用元素

冒号+checked  选择可有选中元素

冒号+selected  选取所有被选中的选项元素

冒号+focus  选择当前获取焦点的元素

相关文章

  • jquery选择器书目录

    jquery选择器-基本选择器 jquery选择器-层级选择器 jquery选择器-基本过滤选择器 jquery选...

  • JQUERY一

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器 jQuery 事件 jQuery...

  • jQuser有选择器

    jQuery基本选择器 jQuery过滤选择器 jQuery层级选择器 jQuery筛选选择器(方法)

  • 选择器

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器

  • jQuery 基础

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery选择器

    一、jQuery常用选择器 二、jQuery选择器优势 三、jQuery常用基本选择器 四、jQuery常用层次选...

  • JQuery基础知识

    jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样式 css操作...

  • jQuery相关知识

    1、什么是jQuery选择器? jQuery选择器

  • jQuery选择器

    jQuery选择器 jQuery选择器完全继承了CSS的风格。学会使用选择器是学习jQuery的基础,jQuery...

网友评论

      本文标题:jQuery -选择器

      本文链接:https://www.haomeiwen.com/subject/wtjzsttx.html