首页 / JQUERY / juqery学习之三选择器子元素与表单_jquery

juqery学习之三选择器子元素与表单_jquery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了juqery学习之三选择器子元素与表单_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3316字，纯文字阅读大概需要5分钟。

内容图文

:nth-child(index/even/odd/equation)

匹配其父元素下的第N个子或奇偶元素

':eq(index)' 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！

可以使用:
nth-child(even)
:nth-child(odd)
:nth-child(3n)
:nth-child(2)
:nth-child(3n+1)
:nth-child(3n+2)

返回值

Array

参数

index (Number) : 要匹配元素的序号，从1开始

示例

在每个 ul 查找第 2 个li

HTML 代码:

John

Karl

Brandon

Glen

Tane

Ralph

jQuery 代码:

$("ul li:nth-child(2)")

结果:

[

Karl

Tane

]
--------------------------------------------------------------------------------

:first-child

匹配第一个子元素

':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素

返回值

Array

示例

在每个 ul 中查找第一个 li

HTML 代码:

John

Karl

Brandon

Glen

Tane

Ralph

jQuery 代码:

$("ul li:first-child")

结果:

[

John

Glen

]

--------------------------------------------------------------------------------

:last-child

匹配最后一个子元素

':last'只匹配一个元素，而此选择符将为每个父元素匹配一个子元素

返回值

Array

示例

在每个 ul 中查找最后一个 li

HTML 代码:

John

Karl

Brandon

Glen

Tane

Ralph

jQuery 代码:

$("ul li:last-child")

结果:

[

Brandon

Ralph

]

--------------------------------------------------------------------------------

:only-child

如果某个元素是父元素中唯一的子元素，那将会被匹配

如果父元素中含有其他元素，那将不会被匹配。

返回值

Array

示例

在 ul 中查找是唯一子元素的 li

HTML 代码:

John

Karl

Brandon

Glen

查找所有提交按钮

HTML 代码:

jQuery 代码:

$(":submit")

结果:

[ ]

其他的一些都是一样的道理：image ,:reset,:button,:file,:hidden !@#@!%$%

内容总结

以上是互联网集市为您收集整理的juqery学习之三选择器子元素与表单_jquery全部内容，希望文章能够帮你解决juqery学习之三选择器子元素与表单_jquery所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/313038.html

来源：【匿名】

【上一篇】汉化英文版的DreamweaverCS5并自动提示jquery_jquery 【下一篇】学习php+jQuery+Ajax实现点赞效果的方法

更多 ►

【juqery学习之三选择器子元素与表单_jquery】教程文章相关的互联网学习教程文章

JQuery学习笔记-选择器-1

在jQuery中 $()方法等价于jQuery()方法,前者比较常用，是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。parent > child选择器的范围，它所选择的目标是子集元素，相当于一个家庭中的子辈们，但不包括孙辈，它的调用格式：$(“parent > child”)，child参数获取的元素都是parent选择器的子元素，它们之间通过“>”符号来表示一种层次关系。prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素，...

jQuery---jQuery基础及选择器【代码】

获取jQuery官网：http://jquery.com使用jQuery弹出提示框ready()方法$(function(){//执行代码 }) ; jQuery语法规则工厂函数$()：将DOM对象转化为jQuery对象选择器 selector：获取需要操作的DOM 元素方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法$(selector).action() ; jQuery操作页面元素使用addClass( )方法为元素添加样式jQuery 对象.addClass([样式名]);使用css( )方法设置元素样式css("属性","属性值") ; cs...

HTML5中类jQuery选择器querySelector的使用【代码】【图】

简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element = document.querySelector(‘selectors‘); elementList = document.querySelectorAll(‘selectors‘);其中参数selectors 可以包含多...

JQuery选择器大全

$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass")层叠选择器： $("form input") 选择所有的form元素中的inpu...

JavaWeb20.2【JQuery基础：jq基本操作、基本选择器、层次选择器】【代码】【图】

1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<title>04-jq事件绑定、入口函数、样式控制</title> 6<script src="js/jquery-3.3.1.min.js"></script> 7<script> 8/*window.onload = function () { //js入口函数9 $("#b1").click(function () { 10 alert("hello jquery"); 11 }); 12 };*/1314/*$(function () { //jq入口函数(dom文档加载完成之后执行该函数中...

Jquery伪选择器学习笔记【代码】【图】

对于我这个半路出家的前端，使用jquery已经很长时间了，对于选择器，一直都局限在id，class，element选择器。每次写一个元素都得想一个id，一个页面写下来想id名都想的累的慌。最近手头项目比较多，头晕脑胀的，遂决定每天下班回去还是得学学jquery的其它强大选择器，边学边做点笔记吧。一、伪选择器:first / :last匹配找到的第一个/最后一个子元素:first-child / :last-child匹配第一个/最后一个元素笔记：这两组是最先让我分不清...

jQuery-认识JQuery，jQuery选择器

认识JQuery：1、window.onload与$（document）.ready（）的区别 window.onload$(document).ready()执行时机必须等待网页中的所有内容加载完毕后才能执行网页中所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有完全加载完编写个数不能同时编写多个方法可以同时编写多个简化写法 $(document).ready(function(){//…}) 2、jQuery对象以及DOM对象jQuery：$（”#foo”）.html( ); //获取id为foo的元素内的html代码，html( )...

jQuery框架使用，jq选择器，jq操作页面内容， jq操作类名，jq操作全局属性,jq获取盒子信息,jq获取位置信息，js/jq页面加载完毕事件，jq事件【代码】

jq选择器// 获取所有的页面元素jq对象$(‘css3选择器语法‘);var $box = $(".box:nth-child(1)"); 获取的是jq对象数组// 拿到指定的页面元素jq对象$(‘css3选择器语法‘).eq(index);var $box = $(".box").eq(1); 获取的是jq对象数组// jq 转 js （ jq对像就是由数组包裹的js对象）box1 = $box[0] 从数组里取出来box1 = $box.get(0) 从数组里取出来// js 转 jq$box1 = $(box1); jq操作元素对象jq操作页面内容$(".box").eq(1...

【jQuery】:not选择器的说明和:checked选择器的使用【代码】

1.:not选择器的说明使用先给出一下例子：$(".form1 :not(input[name=‘category‘])")这个能实现获取到from1表单中除了input[name=‘category‘]元素之外的其他元素而$(".form1:not(input[name=‘category‘])")这个却不能实现这个需求为什么呢？:not选择器不空格使用的话，作用的对象就是.form1这一层，也就是from表单这一层，from表单这一层当然没有input这种元素啦，所以写不写根本不起作用。:not选择器空格使用的话，作用的...

jquery选择器的简单使用

1、$()可以是$(expresion)，即css选择器、Xpath或html元素，也就是通过上述表达式来匹配目标元素。比如：$("a")构造的这个对象，是用CSS选择器构建了一个jQuery对象——它选择了所有的这个标签。如： $("a").click(function(){...}) 就是在点击页面上的任何一个链接时的触发事件。确切地说，就是jQuery用这个标签构建了一个对象$("a")，函数 click()是这个jQuery对象的一个（事件）方法。比如有这样一段HTML代码： onetwothre...

jQuery选择器-->过滤选择器之简单过滤器

1.定义和用法　　简单过滤器是指以冒号开头，通常用于实现简单过滤效果的过滤器。　　:first　　　　说明：匹配找到的第一个元素，它是于选择器结合使用的　　　　示例：$("tr:first") //匹配表格的第一行　　:last　　　　说明：匹配找到的最后一个元素，它是与选择器结合使用的　　　　示例：$("tr:last") //匹配表格的最后一行　　:even　　　　说明：匹配所有索引值为偶数的元素，索引值从0开始计数　　　　示例：$("tr:even...

jquery 选择器选择元素名为数组的元素【代码】

$(‘input[name=items\\[\\]]‘) 参考链接：http://stackoverflow.com/questions/2340806/jquery-select-all-checkboxes-with-js-array-name原文：http://www.cnblogs.com/unsea/p/5089343.html

JQuery选择器——可见性筛选选择器

JQuery可见性筛选选择器1 可见性筛选选择器$(":visible") 选择所有显示的元素$(":hidden") 选择所有隐藏的元素，包含display=“none”元素的样式和隐藏表单、visibility等2 隐藏元素的方式 css display的值是none type=“hidden”的表单元素宽度和高度都显示设置为0 祖先元素是隐藏的，该元素不会在页面上显示 css visibility的值是hidden css opacity的值是03 元素占据文档中一定的空间是可见的...

jQuery选择器总结(转)【代码】【图】

jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,di...

JQuery选择器【代码】【图】

JQuery选择器1.基本选择器和CSS的定义差不多：标签选择器id选择器（#）类选择器（点）并集选择器（逗号）<head><meta charset="UTF-8"><title>选择器·基本选择器</title><script src="js/jquery-3.3.1.min.js"></script><script>$(function() {//id选择$("#divOne").css("color", "red");//标签选择$("span").css("color", "green");//class选择$(".clsTwo").css("color", "blue");//合并选取$("#divOne,span,.clsTwo").css("fontS...

首页 / JQUERY / juqery学习之三选择器子元素与表单_jquery

juqery学习之三选择器子元素与表单_jquery

内容导读

内容图文

:nth-child(index/even/odd/equation)

返回值

参数

示例

:first-child

返回值

示例

:last-child

返回值

示例

:only-child

返回值

示例

:input

返回值

示例

:text

返回值

示例

:password

返回值

示例

:radio

返回值

示例

:submit

返回值

示例

内容总结

内容备注

内容手机端

【juqery学习之三选择器子元素与表单_jquery】教程文章相关的互联网学习教程文章

JQUERY - 相关标签

元素 - 相关标签

JQUERY - 技术教程分类

JQUERY - 最新教程

JQUERY - 最热教程