您的当前位置:首页jQuery中element选择器用法实例详解
广告

jQuery中element选择器用法实例详解

2023-12-01 来源:六三科技网

这篇文章主要介绍了jQuery中element选择器用法,实例分析了element选择器的功能、定义及相关的操作技巧,具有一定的参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery中element选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够匹配具有指定标签名的元素。例如:

代码如下:

$("p")

以上代码能够选取所有的p元素。语法结构:

代码如下:

$(element)

参数列表:

参数描述
element一个用于搜索的元素。指向DOM节点的标签名。

实例代码:

代码如下:

<!DOCTYPE HTML><html><head><meta charset="utf-8"/><meta name="author" content="http://www.gxlcms.com/" /><title>元素选择器-脚本之家</title><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript">$(document).ready(function(){ $("span").css("color","green");})</script></head><body> <p>jQuery专区</p> <p>p+CSS专区</p> <p>JavaScript专区</p> <span>HTML专区</span></body></html>

以上代码可以将span元素中的字体颜色设置为绿色。

小编还为您整理了以下内容,可能对您也有帮助:

jquery中类选择器的功能如何实现实例详解

一、类选择器的概念

类选择器,就是通过class属性获取节点。比如一个html结构中,有三个p标签都具有class=”red”的属性,那么类选择器返回的就是这三个p标签。

在jquery中,我们可以很方便的通过$(“.red”)这种方式按照类获取节点。但是在原生的javascript中,有getElementById(按照id属性获取元素)、getElementsByTagName(按照标签名获取元素)等方法,但是并没有类选择器相关方法。因此,编写原生js实现类选择器的方法非常关键。

二、类选择器的实现

通过利用原生js编写类选择器,可以更深入的了解js中的DOM相关操作,下面我们就来看一个简单的类选择器是如何实现的:

function getElementsByClass(classnames){

var classobj = newArray();

var classint = 0;

var tags =document.getElementsByTagName("*");

for(var i in tags){

if(tags[i].nodeType == 1){

if(tags[i].getAttribute("class") == classnames){

classobj[classint] = tags[i];

classint++;

}

}

}

return classobj;

}我们封装了一个getElementsByClass()方法,该方法的效果是:获取所有DOM节点,它们的class属性为选定值,并返回到一个数组中。该方法传递一个参数,即需要选择的class值。

该类选择器的实现方法,首先创建一个空的数组classobj,用来存放获取到的DOM节点。classint变量用来进行索引的表示,方便数组操作。我们利用getElementsByTagName(“*”)方法获取了这个页面上的所有DOM节点(*表示匹配所有)。

取出了所有DOM节点,我们就可以进行判断了。循环遍历取到的每一个节点,如果它的nodeType是1(元素节点),则利用getAttribute(“class”)方法获取节点的class属性值,并与传递进来的class参数进行比对,如果相同,说明是我们想要的节点,存入事先定义好的数组中。最后返回该数组即可。

三、原生js类选择器测试

下面我们来验证一下我们自己编写的类选择器是否正常工作,测试代码如下:

<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />

<title>无标题文档</title>

<scriptsrc="classtest.js"></script>

<script>

window.onload =function(){

var a = getElementsByClass("atest");

a[0].onmouseover = function(){

alert("class!!");

}

}

</script>

<style>

.atest{background:blue;width:200px;height:200px;margin:40px;color:white;}

.btest{background:green;width:200px;height:200px;margin:40px;color:white;}

</style>

</head>

<body>

<pclass="atest">atestAAA</p>

<pclass="btest">atestBBB</p>

</html>该代码我们利用我们自己封装的方法进行了测试,获取class为atest的元素,鼠标滑过后会弹出对话框。

注意我们封装的这个方法返回的是一个数组,就如同jquery中的sibling()方法一样,需要加入索引才能选中元素。如果一个页面有多个选中元素,可以利用数组循环遍历进行相应操作。

封装了一个盒jquery使用方法相同的库,每次写都有新的想法,所有代码的注释已经写到行间的注释了

/**

* Created by Jason on 2016/12/31.

*/

//jquery 的构造函数

function Jquery(arg){

//用来存选出来的元素

this.elemenets=[];

switch(typeof arg){

case 'function' :

domReady(arg);

break;

case 'string' :

this.elements = getEle(arg);

break;

case 'object' :

this.elements.push(arg);

break;

}

}

//DOM ready onload 如果参数是函数,则进行domReady操作

function domReady(fn){

// FF chrome

if(document.addEventListener){

//jquery中已经省略false,false解决低版本火狐兼容性问题

document.addEventListener('DOMContentLoaded',fn,false);

}else{

document.attachEvent('onreadystatechange',function(){

if(document.readyState=='complete'){

fn();

}

});

}

}

function getByClass(oParent,sClass){

//高级浏览器支持getElementsByClassName直接使用

if(oParent.getElementsByClassName){

return oParent.getElementsByClassName(sClass);

}else{

//不支持需要选中所有标签的类名来选取

var res=[];

var aAll=oParent.getElementsByTagName('*');

for(var i=0;i<aAll.length;i++){

//选中标签的全部类名是个str='btn on red'=aAll[i].className 使用正则 reg=/b sClass b/g

var reg= new RegExp('b'+sClass+'b','g');

if(reg.test(aAll[i].className)){

res.push(aAll[i]);

}

}

return res;

}

}

//如果参数是str 进行选择器的操作

function getByStr(aParent,str){

//用来存放选中的元素的数组 这个数组在getEle存在,为了每次执行的时候都需要清空,所以使用局部函数的变量

var aChild=[];

//aParent开始是[document],再执行完getByStr的时候getEle将aParent指向了getByStr函数的返回值aChild数组以确保循环父级下面的所有匹配元素

for(var i=0;i<aParent.length;i++){

switch(str.charAt(0)){

//id选择器 eg: #box 使用document.getElementById选取

case '#':

var obj=document.getElementById(str.substring(1));

aChild.push(obj);

break;

//类选择器 eg: .box 使用上面封装的getByClass选取

case '.':

//由于一个标签可以有多个类选择器 所以需要进行循环选取

var aRes=getByClass(aParent[i],str.substring(1));

for(var j=0;j<aRes.length;j++){

aChild.push(aRes[j]);

}

break;

//今天先简单的编写选择器 这里我们假设除了id和类选择器,就是标签选择器

default:

// 如果是li.red 那么用正则来判断

if(/w+.w+/g.test(str)){

//先选择标签,在选择类选择器 使用类选择器的时候重复选择器函数即可

var aStr=str.split('.');

var aRes=aParent[i].getElementsByTagName(aStr[0]);

var reg=new RegExp('b'+aStr[1]+'b','g');

//循环选取标签,注意外层已经有i的循环

for(var j=0;j<aRes.length;j++){

if(reg.test(aRes[j].className)){

aChild.push(aRes[j]);

}

}

//如果是li:eq(2) 或者 li:first这样的选择器 书写正则是的时候注意()可有可以无为? 有或者没有为* 至少有一个也就是若干个为+ {2,5}这种则为2-5个

}else if(/w+:w+((d+))?/g.test(str)){

//讲str进行整理 [li,eq,2] 或者 [li,first]

var aStr=str.split(/:|(|)/);

//aStr[2]是eq、lt、gt传入的参数,这里使用n来保存

var n=aStr[2];

//在父级下获取所有匹配aStr[0]项的标签

var aRes=aParent[i].getElementsByTagName(aStr[0]);

//这时候会循环判断aStr[1]项是的内容,jquery中经常使用的为eq、lt、gt、even、odd、first、last

switch(aStr[1]){

//如果是eq则把第n项传入aChild数组即可

case 'eq':

aChild.push(aRes[n]);

break;

//如果是lt需要将aRes数组中获取到的小于n的标签循环推入aChild中

case 'lt':

for(var j=0;j<n;j++){

aChild.push(aRes[j]);

}

break;

//如果是gt则和lt相反

case 'gt':

for(var j=n;j<aRes.legth;j++){

aChild.push(aRes[j]);

}

break;

//如果是event的话需要隔数添加,注意jquery中的event是从第0开始循环的

case 'event':

for(var j=0;j<aRes.length;j+=2){

aChild.push(aRes[j]);

}

break;

//如果是odd的和event不同的只是从第1项开始循环

case 'odd':

for(var j=1;j<aRes.length;j+=2){

aChild.push(aRes[j]);

}

break;

//如果是first,则将aRes[0]推入aChild

case 'first':

aChild.push(aRes[0]);

break;

case 'last':

aChild.push(aRes[aRes.length-1]);

break;

}

//属性选择器 eg:input[type=button] 同样适用正则来判断

}else if(/w+[w+=w+]/g.test(str)){

//将属性选择器切成数组 [input,type,button]

var aStr=str.split(/[|=|]/g);

var aRes=aParent[i].getElementsByTagName(aStr[0]);

//在选中标签中选出有aRes[1]的属性

for(var j=0;j<aRes.length;j++){

//把属性值为aRes[2]的标签推入aChild中

if(aRes[j].getAttribute(aStr[1])==aStr[2]){

aChild.push(aRes[j]);

}

}

//标签选择器 p、span

}else{

var aRes=aParent[i].getElementsByTagName(str);

for(var j=0;j<aRes.length;j++){

aChild.push(aRes[j]);

}

}

break;

}

}

return aChild;

}

function getEle(str){

//如果是字符串的话先要去除收尾空格 eg:" on replace index play auto "

var arr = str.replace(/^s+|s+$/g,'').split(/s+/g);

var aChild = [];

var aParent = [document];

for(var i = 0;i<arr.length;i++){

aChild = getByStr(aParent,arr[i]);

aParent = aChild

}

return aChild;

}

//实现jquery $符号的写法

function $(arg){

return new Jquery(arg);

}

jquery中有哪几种类型的选择器

jquery中有哪几种类型的选择器

$("#myELement") 选择id值等于myElement的元素,id值不能重复在文件中只能有一个id值是myElement所以得到的是唯一的元素

$("div") 选择所有的div标签元素,返回div元素阵列

$(".myClass") 选择使用myClass类的css的所有元素

$("*") 选择文件中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass")

层叠选择器:

$("form input") 选择所有的form元素中的input元素

$("#main > *") 选择id值为main的所有的子元素

$("label + input") 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素

$("#prev ~ div") 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签

基本过滤选择器:

$("tr:first") 选择所有tr元素的第一个

$("tr:last") 选择所有tr元素的最后一个

$("input:not(:checked) + span")

过滤掉:checked的选择器的所有的input元素

$("tr:even") 选择所有的tr元素的第0,2,4... ...个元素(注意:因为所选择的多个元素时为阵列,所以序号是从0开始)

$("tr:odd") 选择所有的tr元素的第1,3,5... ...个元素

$("td:eq(2)") 选择所有的td元素中序号为2的那个td元素

$("td:gt(4)") 选择td元素中序号大于4的所有td元素

$("td:ll(4)") 选择td元素中序号小于4的所有的td元素

$(":header")

$("div:animated")

内容过滤选择器:

$("div:contains('John')") 选择所有div中含有John文字的元素

$("td:empty") 选择所有的为空(也不包括文字节点)的td元素的阵列

$("div:has(p)") 选择所有含有p标签的div元素

$("td:parent") 选择所有的以td为父节点的元素阵列

视觉化过滤选择器:

$("div:hidden") 选择所有的被hidden的div元素

$("div:visible") 选择所有的视觉化的div元素

属性过滤选择器:

$("div[id]") 选择所有含有id属性的div元素

$("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素

$("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素

$("input[name^='news']") 选择所有的name属性以'news'开头的input元素

$("input[name$='news']") 选择所有的name属性以'news'结尾的input元素

$("input[name*='man']") 选择所有的name属性包含'news'的input元素

$("input[id][name$='man']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素

子元素过滤选择器:

$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")

$("div span:first-child") 返回所有的div元素的第一个子节点的阵列

$("div span:last-child") 返回所有的div元素的最后一个节点的阵列

$("div button:only-child") 返回所有的div中只有唯一一个子节点的所有子节点的阵列

表单元素选择器:

$(":input") 选择所有的表单输入元素,包括input, textarea, select 和 button

$(":text") 选择所有的text input元素

$(":password") 选择所有的password input元素

$(":radio") 选择所有的radio input元素

$(":checkbox") 选择所有的checkbox input元素

$(":submit") 选择所有的submit input元素

$(":image") 选择所有的image input元素

$(":reset") 选择所有的reset input元素

$(":button") 选择所有的button input元素

$(":file") 选择所有的file input元素

$(":hidden") 选择所有型别为hidden的input元素或表单的隐藏域

表单元素过滤选择器:

$(":enabled") 选择所有的可操作的表单元素

$(":disabled") 选择所有的不可操作的表单元素

$(":checked") 选择所有的被checked的表单元素

$("select option:selected") 选择所有的select 的子元素中被selected的元素

选取一个 name 为”S_03_22″的input text框的上一个td的text值

$(”input[@ name =S_03_22]“).parent().prev().text()

名字以”S_”开始,并且不是以”_R”结尾的

$(”input[@ name ^='S_']“).not(”[@ name $='_R']“)

一个名为 radio_01的radio所选的值

$(”input[@ name =radio_01][@checked]“).val();

$("A B") 查询A元素下面的所有子节点,包括非直接子节点

$("A>B") 查询A元素下面的直接子节点

$("A+B") 查询A元素后面的兄弟节点,包括非直接子节点

$("A~B") 查询A元素后面的兄弟节点,不包括非直接子节点

jquery的选择器有哪几种类型

很多种,大概归纳为9种。

(1)基本

#id

element

.class

*

selector1,selector2,selectorN

(2)层次选择器:

ancestor descendant

parent > child

prev + next

prev ~ siblings

(3)基本过滤器选择器

:first

:last

:not

:even

:odd

:eq

:gt

:lt

:header

:animated

(4)内容过滤器选择器

:contains

:empty

:has

:parent

(5)可见性过滤器选择器

:hidden

:visible

(6)属性过滤器选择器

[attribute]

[attribute=value]

[attribute!=value]

[attribute^=value]

[attribute$=value]

[attribute*=value]

[attrSel1][attrSel2][attrSelN]

(7)子元素过滤器选择器

:nth-child

:first-child

:last-child

:only-child

(8)表单选择器

:input

:text

:password

:radio

:checkbox

:submit

:image

:reset

:button

:file

:hidden

(9)表单过滤器选择器

:enabled

:disabled

:checked

:selected

潜艇中有哪几种类型的?

潜艇按动力系统分为常规潜艇和核动力潜艇。核潜艇按作战任务分为攻击核潜艇和战略核潜艇,常规动力潜艇不具备战略打击能力。

攻击型核潜艇是以鱼雷、反潜导弹和反舰导弹为主要攻击武器的潜艇,主要任务是搜寻和攻击敌方潜艇、航母战斗群和水面舰艇编队,为战略导弹潜艇、航母战斗群或海上机动编队扫清航道,以及战略战役侦察,还有一个最重要的目标就是搜寻并摧毁敌方的战略核潜艇。

战略核潜艇以鱼雷,导弹和潜射洲际导弹为武器的核潜艇。用途是在战略上实施二次核打击和战略核威慑。因为路基的洲际导弹很容易被卫星发现,所以隐藏在大洋中的战略核潜艇就是一个有核国家最具威慑力的战略武器,核威慑的王冠就是战略核潜艇。

常规潜艇由于其动力系统的,不可能像核潜艇那样可以在全球活动,所以常规潜艇的活动区域主要是近海和离海岸线较近的大洋中。它们的主要任务是近海防御,设伏围歼,区域游猎,引导截击和护航警戒。

“台风”级是世界上最大的战略核潜艇,但不是俄罗斯最先进的,目前俄罗斯最先进的战略核潜艇是“北风之神”级。

中国的潜艇,无论是常规潜艇还是核潜艇,都和俄罗斯有一定的差距,俄罗斯毕竟继承了苏联的强大的海军,他们的潜艇要比中国早的多也先进的多。近几年中国的潜艇有很大发展,但几十年的差距不是一级两级潜艇能够追回来的,是不是?

有哪几种类型的炮?

1.迫击炮

迫击炮是用座钣承受后坐力的高射角曲射火炮。通常发射尾翼弹。其主要特点是:身管短,构造简单,重量较轻,运动方便,适用于在各种地形上作战;初速小,射角大(通常为45度一85度),弹道弯曲,适用于射击遮蔽物后的目标和水平目标。主要配用杀伤爆破榴弹,用于压制、歼灭敌有生力量和技术兵器,破坏铁丝网和其它障碍物;还可配用照明弹、烟幕弹等特种炮弹,以完成多种战斗任务。按装填方式分为前装式和后装式;按炮膛结构分为滑膛式和线膛式;按运动方式分为行动式、驮载式、牵引式和自行式;按口径可分为轻型、中型、重型三类,轻型一般为50、51、60毫米口径,全炮重小于20公斤,主要装备步兵。作战时,一般由单兵携带,或分解成几个部件,由几人背负或由牲畜驮载;中型一般为81、82毫米口径,全炮重在40公斤左右,可分解成几个部件搬运;重型一般口径大于100毫米,全炮重在100公斤以上,采用车辆牵引或自行。追击炮通常由炮身、炮架、座钣和瞄准具组成。在战斗状态时,炮身尾部的炮杵置于座钣驻臼内。进行触发射击时,击针外突,炮弹从炮口装填,靠下滑撞击击针击发底火;进行拉发射击时,击针缩回,炮弹入膛后,靠拉火机的击锤撞击击针击发底火。发射时,炮身的后坐力经座钣传至地面,靠土壤的变形吸收后坐能量,后坐运动。

2.加农炮

加农炮是弹道低伸的火炮,属地面炮兵的主要炮种之一。主要用于射击装甲目标、垂直目标和远距离目标。对装甲目标和垂直目标,多用直接瞄准射击;对远距离目标,则用间接瞄准射击。主要由炮身、炮架、瞄准装置等部件组成。主要特点是身管长(一般为口径的40—80倍)、初速大(通常在700米/秒以上)、射程远(如152—155毫米加农炮的最大射程可达22—35公里)。按其口径可分为小口径加农炮(75毫米以内)、中口径加农炮(76—130毫米)和大口径加农炮(130毫米以上);按运动方式和结构分为牵引式、自运式、自行式和运载式(安装在坦克、飞机、舰艇上)四种。反坦克炮、坦克炮、高射炮、航空炮、舰炮和海岸炮也属加农炮型别。使用弹种有杀伤榴弹、爆破榴弹、杀伤爆破榴弹、穿甲弹、脱壳超速穿甲弹、碎甲弹、燃烧弹等。是进行地面火力突击的主要火炮。

3.榴弹炮

榴弹炮是身管较短,初速较小,弹道较弯曲的火炮,属于地面炮兵的主要炮种之一。适于对水平目标射击,主要用于歼灭、压制敌有生力量和技术兵器,破坏工程设施、桥梁、交通枢纽等。它由炮身、炮架和瞄准装置组成,按其机动方式,分为牵引式和自行式榴弹炮两种。主要特点是:身管较短(一般为口径的20—30倍)、初速较小(通常为300—600米/秒);射角较大(约达70度),弹丸落角也大,杀伤爆破效果好;采用多级变装药,在射角不变的条件下,可获得不同的初速、弹道和射程,便于在较大纵深内实施火力机动。现代榴弹炮炮身长达口径的33—44倍,初速达827米/秒,最大射角75°,使用一般榴弹,最大射程达18000多米,使用增程弹时,最大射程可达30000米。是进行地面火力突击的主要火炮。

4.加农榴弹炮

简称“加榴炮”。加榴炮是指兼有加农炮和榴弹炮弹道特性的火炮。主要用于射击较远距离目标和破坏较坚固的工程设施。由炮身、炮架和瞄准装置组成,具体结构与加农炮和榴弹炮相似。其特点是:可以平射和曲射;比加农炮炮身短,弹丸初速范围广(使用变装药),炮身射角和弹丸落角大;比榴弹炮炮身长,射程远;用最大号装药和小射角射击时,具有加农炮的效能;用小号装药和大射角射击时,具有榴弹炮的效能。现代加榴炮的口径多为152—155毫米。身管长一般为口径的25—40倍,弹重为45公斤左右,最大射程为17—25公里。配用弹种与榴弹炮相似。按其运动方式分为牵引式、自运式和自行式三种。是进行地面火力突击的主要火炮。

5.火箭炮

火箭炮是一种多发联装火箭发射装置,属于地面炮兵的主要炮种之一。主要用于对大面积目标射击。通常由定向器、回转盘、方向机、高低机、平衡机、瞄准器、点火系统及平台运动系统等组成。按定向器种类,可分为轨式、笼式和管式;按运动方式,可分为自行式和牵引式。火箭炮的主要作用是引燃火箭弹的点火器和赋予火箭弹初始飞行方向。装弹完毕后,可一次发射一发,也可连续发射数十发。发射速度快、火力猛、威力大、机动性好,但射弹散布大,发射时火光大,阵地容易暴露。火箭炮的口径一般为107—273毫米,最大射程40公里,主要配用杀伤爆破火箭弹,也可配用特种火箭弹,布设地雷、照明和施放烟幕等。是进行地面火力突击的主要火炮。

6.无坐力炮

也称“无后坐力炮”。它是一种滑膛无反后坐装置的火炮。发射时,利用发射药生成的部分火药气体由炮尾向后喷出,产生反作用力,其方向与弹丸出口时赋予炮管的后坐力方向相反,故该炮没有反后坐装置。无坐力炮主要用于摧毁近距离的装甲目标和火力点。由炮身、炮闩、炮架和瞄准装置等组成。其口径一般为57—120毫米,对坦克的直射距离为400—800米。主要配用空心装药破甲弹、高爆榴弹。具有结构简单、重量轻、便于机动等特点。

7.高射炮

简称“高炮”。是从地面上对空中目标射击的火炮。必要时也可用于对地面或水面目标射击。主要特点是:炮身长、初速大、射界大、射速快、射击精度高,多数配有火控系统。按运动方式分,有牵引高炮和自行高炮;按口径分,有小口径高炮(口径小于60毫米)、中口径高炮(口径为60—100毫米)、大口径高炮(口径大于100毫米)。高炮通常都装有半自动或全自动炮闩,有机械化或自动化装填机构,可连续自动地装填和发射;大多数装有随动装置,能自动瞄准和追随目标。大、中口径高炮还装有引信侧合机,以自动装定引信分划。小口径高炮通常装有自动高射瞄准具,能不断地计算装定射击目标,以满足瞄准不断变化的空中目标的需要。第二次世界大战中,出现了120毫米和128毫米等大口径高炮。60年代以后,大口径高炮逐步被地空导弹所取代,小口径高炮则获得较大发展,采用了多管联装,提高了发射速度,增大了火力密度。由于跟踪雷达、光电跟踪和测距装置、火控计算机和火炮组成的自行高炮系统的出现,提高了机动能力、行进中射击能力的射击效果。小口径高炮将继续向雷达、计算机、火炮等结成一体、多管联装或多管旋转、自行化以及弹(地空导弹)炮结合的方面发展。

8.自行火炮

自行火炮是指与车辆底盘结合为一体,能自行运动的火炮。主要用于配合坦克部队和摩托化部队作战,及时为其提供火力支援。主要特点是:越野效能好、机动灵活,’占领和撤出阵地快、射击反应快。自行火炮由武器系统、装甲车体和底盘部分组成。武器系统包括武器、装填机构和火控系统。武器包括火炮(加农炮、榴弹炮、加榴炮等)。装填机构有半自动和全自动两种。新一代自行火炮已装备有夜视装置和以弹道计算机为中心的自动化火控系统。装甲有钢质装甲、铝合金装甲或简易的复合装甲。底盘有轮式和履带式两种。它们装有动力、传动、行走和操纵装置。履带式底盘一般采用坦克或装甲车辆的底盘或它们的改进型,以及专用底盘。

9.自行高射炮

简称“自行高炮”,是将瞄准发射系统与车辆底盘结合在一起,能自行运动的高射炮。主要用于歼灭低空和超低空目标,掩护行军、战斗的部(分)队。必要时也可用于消灭地(水)面目标。按口径分,有小口径和中口径自行高炮;按自行方式分,有履带式和轮式自行高炮;按功能分,有全天候和非全天候自行高炮。自行高炮通常是的高射炮系统,普遍采用火力系统、探测装置和解算装置装于同一车体上的“三位一体”结构。脚踏车辆由装甲车体、炮塔、动力装置、电源系统和行驶部分组成。火炮一般由数个结构相同的小口径自动炮身(有的是一门中口径炮身)、瞄准装置、平,衡机和高炮随动装置组成,装在旋转炮塔内或两侧。炮塔有封闭式、半封闭式和敞开式三种。车内装有雷达、光电或光学火控系统,装有导航仪以测定自身行进中所在位置的座标。车上还装有防核、化学、生物武器的仪器和装置。与牵引高炮相比,自行高炮越野能力强、机动性好、可靠性高、自动化程度高、反应时间短,具有对低空、超低空飞行目标作战的能力,可实施短时间停止射击和行进间射击,是各国陆军致力发展的防空武器之一。

10.电磁炮

也称“电磁发射器”,是利用电磁力(洛仑磁力)代替火药发射炮弹的一种装置。该种武器目前只获得原理成功,尚处于可行性研究阶段。美国现已能把100克重的炮弹加速到10公里/秒,并成功地进行了矽面阵列承受10万个g载荷的试验。澳大利亚国立大学1970年建造了第一台电磁发射装置,用一台能量为550兆焦耳的单极发电机首次把3克重的塑料块加速到6000米/秒。电磁炮研制成功后,可用于、反坦克和作为天基反导弹系统。但反战略导弹要求电磁炮炮弹质量达到2公斤,速度达20公里/秒,要达到这些要求,有待解决诸如研究适合天基用的数百兆焦耳的脉冲能源;解决轨道的强度、尺寸、重量;解决炮弹上电子装置承受10万个g载荷等问题。电磁炮根据发射装置的结构和部件,可分为导轨炮、线圈炮和“重接”炮等。它们主要由能源、加速器和开关三部分组成。在美国“战略防御”计划中将把电磁炮作为天基动能武器系统发展。

11.海岸炮

简称“岸炮”,是配置在海岸重要地段、岛屿和水道翼侧的海军炮。主要用于歼灭敌海上目标,也可对陆上和空中目标射击。有固定式和移动式两种。固定式一般配置在永备工事内,移动式有机械牵引炮和铁道列车炮。海岸炮具有不易 *** 扰、命中概率高、射击死角小、摧毁力强等特点。初期的海岸炮与陆炮相同,19世纪开始出现专用海岸炮。一般海岸炮的口径为100—406毫米,射程16—58公里。现代岸炮配有射击指挥仪、雷达和光电观测仪,使战斗效能有了很大提高。

CPU有哪几种类型的

CPU品牌分为英特尔和AMD两种。

英特尔介面型号分为LGA 1156、LGA 1155(Sandy Bridge)、LGA 1366、LGA 775。

AMD介面型号分为Socket AM3、Socket AM2+、Socket AM2。

按系列分,英特尔分为赛扬、奔腾、灵动、酷睿,AMD分为速龙、羿龙。

最常用的游戏CPU为AMD,速龙较便宜、羿龙较贵。

最常用的办公CPU为英特尔,酷睿较贵、奔腾其次、赛扬最便宜、灵动为移动上网本专用。

jquery有几种选择器

jQuery选择器一般分为四种

一、基本选择器

基本选择器是jQuery中最常用也是最简单的选择器,它通过元素的id、class和标签名等来查找DOM元素。

1、ID选择器 #id

描述:根据给定的id匹配一个元素, 返回单个元素(注:在网页中,id名称不能重复)

示例:$("#test") 选取 id 为 test 的元素

2、类选择器 .class

描述:根据给定的类名匹配元素,返回元素集合

示例:$(".test") 选取所有class为test的元素

3、元素(标签)选择器 element

描述:根据给定的元素名匹配元素,返回元素集合

示例:$("p") 选取所有的<p>元素 $("div") :选取所有的div标签

4、*

描述:匹配所有元素,返回元素集合

示例:$("*") 选取所有的元素

5、selector1,selector2,...,selectorN(并集选择器)

描述:将每个选择器匹配到的元素合并后一起返回,返回合并后的元素集合

示例:$("p,span,p.myClass") 选取所有<p>,<span>和class为myClass的<p>标签的元素集合

二、层次选择器

层次选择器根据层次关系获取特定元素。

1、后代选择器

示例:$("p span") 选取<p>元素里的所有的<span>元素(注:后代选择器选择父元素所有指定选择的元素,不管是儿子级,还是孙子级)

2、子选择器 $("parent>child")

示例:$("p>span") 选择<p>元素下的所有<span>元素 (注:子选择器只选择直属于父元素的子元素)

3、同辈选择器 $("prev+next")

描述:选取紧接在prev元素后的next元素,返回元素集合

示例:$(".one+p") 选取class为one的下一个<p>同辈元素集合

4、同辈选择器 $("prev~siblings")

描述:选取prev元素后的所有siblings元素,返回元素集合

示例:$("#two~p")选取id为two的元素后所有<p>同辈元素集合

三、过滤选择器

1>基本过滤选择器

1、 :first

描述:选取第一个元素,返回单个元素

示例:$("p:first") 选取所有<p>元素中第一个<p>元素

2、 :last

描述:选取最后一个元素,返回单个元素

示例:$("p:last") 选取所有<p>元素中最后一个<p>元素

3、 :not(selector)

描述:去除所有与给定选择器匹配的元素,返回元素集合

示例:$("input:not(.myClass)") 选取class不是myClass的<input>元素

4、 :even

描述:选取索引是偶数的所有元素,索引从0开始,返回元素集合

5、 :odd

描述:选取索引是奇数的所有元素,索引从0开始,返回元素集合

6、 :eq(index)

描述:选取索引等于index的元素,索引从0开始,返回单个元素

7、 :gt(index)

描述:选取索引大于index的元素,索引从0开始,返回元素集合

8、 :lt(index)

描述:选取索引小于于index的元素,索引从0开始,返回元素集合

9、 :focus

描述:选取当前获取焦点的元素

2>内容过滤选择器

1、:contains(text)

描述:选取含有文本内容为text的元素,返回元素集合

示例:$("p:contains('我')") 选取含有文本“我”的元素

2、:empty

描述:选取不包含子元素或者文本元素的空元素,返回元素集合

示例:$("p:empty") 选取不包含子元素或者文本元素的空<p>元素(<p></p>)

3、:has(selector)

描述:选取含有选择器所匹配的元素的元素,返回元素集合

示例:$("p:has(p)") 选取含有<p>元素的<p>元素(<p><p/></p>)

4、:parent

描述:选取含有子元素或者文本的元素,返回元素集合

示例:$("p:parent") 选取含有子元素或者文本元素的<p>元素(<p><p/></p>或者<p>文本</p>)

3>可见性过滤选择器

1、:hidden

描述:选取所有不可见的元素,返回元素集合

2、:visible

描述:选取所有可见的元素,返回元素集合

4>属性过滤选择器(返回元素集合)

1、[attribute]

示例:$("p[id]") 选取拥有id属性的p元素

2、[attribute=value]

示例:$("input[name=text]") 选取拥有name属性等于text的input元素

3、[attribute!=value]

示例:$("input[name!=text]") 选取拥有name属性不等于text的input元素

4、[attribute^=value]

示例:$("input[name^=text]") 选取拥有name属性以text开始的input元素

5、[attribute$=value]

示例:$("input[name$=text]") 选取拥有name属性以text结束的input元素

6、[attribute*=value]

示例:$("input[name*=text]") 选取拥有name属性含有text的input元素

7、[attribute~=value]

示例:$("input[class~=text]") 选取拥有class属性以空格分割的值中含有text的input元素

8、[attribute1][attribute2][attributeN]

描述:合并多个属性过滤选择器

5>表单对象属性过滤选择器(返回元素集合)

1、:enabled

描述:选取所有可用元素

2、:disabled

描述:选取所有不可用元素

3、:checked

描述:选取所有被选中的元素(单选框,复选框)

示例:$("input:checked") 选取所有被选中的<input>元素

4、:selected

描述:选取所有被选中的选项元素(下拉列表)

示例:$("select option:selected") 选取所有被选中的选项元素

四、表单选择器(返回元素集合,使用相似)

1、:text

描述:选择所有的单行文本框

示例:$(":text")选取所有的单行文本框

2、:password

描述:选择所有的密码框

3、:button

描述:选择所有的按钮

4、:checkbox

描述:选择所有的多选框

jquery有几种选择器

jQuery选择器一般分为四种

一、基本选择器

基本选择器是jQuery中最常用也是最简单的选择器,它通过元素的id、class和标签名等来查找DOM元素。

1、ID选择器 #id

描述:根据给定的id匹配一个元素, 返回单个元素(注:在网页中,id名称不能重复)

示例:$("#test") 选取 id 为 test 的元素

2、类选择器 .class

描述:根据给定的类名匹配元素,返回元素集合

示例:$(".test") 选取所有class为test的元素

3、元素(标签)选择器 element

描述:根据给定的元素名匹配元素,返回元素集合

示例:$("p") 选取所有的<p>元素 $("div") :选取所有的div标签

4、*

描述:匹配所有元素,返回元素集合

示例:$("*") 选取所有的元素

5、selector1,selector2,...,selectorN(并集选择器)

描述:将每个选择器匹配到的元素合并后一起返回,返回合并后的元素集合

示例:$("p,span,p.myClass") 选取所有<p>,<span>和class为myClass的<p>标签的元素集合

二、层次选择器

层次选择器根据层次关系获取特定元素。

1、后代选择器

示例:$("p span") 选取<p>元素里的所有的<span>元素(注:后代选择器选择父元素所有指定选择的元素,不管是儿子级,还是孙子级)

2、子选择器 $("parent>child")

示例:$("p>span") 选择<p>元素下的所有<span>元素 (注:子选择器只选择直属于父元素的子元素)

3、同辈选择器 $("prev+next")

描述:选取紧接在prev元素后的next元素,返回元素集合

示例:$(".one+p") 选取class为one的下一个<p>同辈元素集合

4、同辈选择器 $("prev~siblings")

描述:选取prev元素后的所有siblings元素,返回元素集合

示例:$("#two~p")选取id为two的元素后所有<p>同辈元素集合

三、过滤选择器

1>基本过滤选择器

1、 :first

描述:选取第一个元素,返回单个元素

示例:$("p:first") 选取所有<p>元素中第一个<p>元素

2、 :last

描述:选取最后一个元素,返回单个元素

示例:$("p:last") 选取所有<p>元素中最后一个<p>元素

3、 :not(selector)

描述:去除所有与给定选择器匹配的元素,返回元素集合

示例:$("input:not(.myClass)") 选取class不是myClass的<input>元素

4、 :even

描述:选取索引是偶数的所有元素,索引从0开始,返回元素集合

5、 :odd

描述:选取索引是奇数的所有元素,索引从0开始,返回元素集合

6、 :eq(index)

描述:选取索引等于index的元素,索引从0开始,返回单个元素

7、 :gt(index)

描述:选取索引大于index的元素,索引从0开始,返回元素集合

8、 :lt(index)

描述:选取索引小于于index的元素,索引从0开始,返回元素集合

9、 :focus

描述:选取当前获取焦点的元素

2>内容过滤选择器

1、:contains(text)

描述:选取含有文本内容为text的元素,返回元素集合

示例:$("p:contains('我')") 选取含有文本“我”的元素

2、:empty

描述:选取不包含子元素或者文本元素的空元素,返回元素集合

示例:$("p:empty") 选取不包含子元素或者文本元素的空<p>元素(<p></p>)

3、:has(selector)

描述:选取含有选择器所匹配的元素的元素,返回元素集合

示例:$("p:has(p)") 选取含有<p>元素的<p>元素(<p><p/></p>)

4、:parent

描述:选取含有子元素或者文本的元素,返回元素集合

示例:$("p:parent") 选取含有子元素或者文本元素的<p>元素(<p><p/></p>或者<p>文本</p>)

3>可见性过滤选择器

1、:hidden

描述:选取所有不可见的元素,返回元素集合

2、:visible

描述:选取所有可见的元素,返回元素集合

4>属性过滤选择器(返回元素集合)

1、[attribute]

示例:$("p[id]") 选取拥有id属性的p元素

2、[attribute=value]

示例:$("input[name=text]") 选取拥有name属性等于text的input元素

3、[attribute!=value]

示例:$("input[name!=text]") 选取拥有name属性不等于text的input元素

4、[attribute^=value]

示例:$("input[name^=text]") 选取拥有name属性以text开始的input元素

5、[attribute$=value]

示例:$("input[name$=text]") 选取拥有name属性以text结束的input元素

6、[attribute*=value]

示例:$("input[name*=text]") 选取拥有name属性含有text的input元素

7、[attribute~=value]

示例:$("input[class~=text]") 选取拥有class属性以空格分割的值中含有text的input元素

8、[attribute1][attribute2][attributeN]

描述:合并多个属性过滤选择器

5>表单对象属性过滤选择器(返回元素集合)

1、:enabled

描述:选取所有可用元素

2、:disabled

描述:选取所有不可用元素

3、:checked

描述:选取所有被选中的元素(单选框,复选框)

示例:$("input:checked") 选取所有被选中的<input>元素

4、:selected

描述:选取所有被选中的选项元素(下拉列表)

示例:$("select option:selected") 选取所有被选中的选项元素

四、表单选择器(返回元素集合,使用相似)

1、:text

描述:选择所有的单行文本框

示例:$(":text")选取所有的单行文本框

2、:password

描述:选择所有的密码框

3、:button

描述:选择所有的按钮

4、:checkbox

描述:选择所有的多选框

什么是jquery选择器

jQuery选择器是jQuery库中非常重要的部分之一。它支持网页开发者所熟知的CSS语法快速轻松地对页面进行设置。了解jQuery选择器是打开高效开发jQuery之门的钥匙。一个典型的jQuery选择器句法形式:
$(selector).methodName();
selector是一个字符串表达示,用于识别DOM中的元素,然后使用jQuery提供的方法集合加以设置。
大多数情况下jQuery支持这样的操作:
$(selector).method1().method2().method3();
这个实例表示隐含DOM中id=”goAway”的元素,然后为其添加一个class=”incognito”属性。
$(’#goAway’).hide().addClass(’incognito’);
提示一下:当选择器表达示匹配多个元素时,可以象JavaScritp数组操作一样,方便灵活地利用数组指针进行选取。这是例子:
var element = $(’img’)[0];
匹配表达示的元素中,第一个元素对象将赋给变量element。
jQuery选择器的分类
有三种分类:基本选择器,位置选择器和自定义选择器。可以将基本选择器理解为“发现型选择器”,事实上它用于搜索DOM中的元素。位置选择器和自定义选择器更像是“筛选型选择器”。
基本选择器
这里提供了一份基本选择器的参考实例。这些选择器都支持CSS3语法准标和语议。
$(‘div’) 选取所有<div>元素。
$(‘fieldset a’) 选择在<fieldset>元素内出现的所有<a>元素。
$(‘li>p’) 选取在<li>标记中直接出现的所有<p>元素。
$(‘div~p’) 选取位为<div>标记之后出现的所有<p>元素。
$(‘p:has(b)’) 选取<p>元素内包含有<b>的所有元素。
$(‘div.someClass’) 选取<div>元素中出现class=”someClass”属性的所有元素。
$(‘.someClass’) 选取出现class=”someClass”属性的所有元素。
$(‘#testButton’) 选取id=”testButton”的元素。元素id属性值在当前DOM中是唯一的。因此我很好奇出现了两个id=”testButton”的元素时它会 怎么选。实验证明它只会选取第一个元素。真正的开发过程中,我们绝对不要在一个DOM中出现多个id相同的元素。
$(‘img[alt]’) 选取具有alt属性的所有<img>元素。
$(‘a[href$=.pdf]’) 选取具有href属性,而且属性的值以.pdf结尾的所有<a>元素。
$(‘button[id*=test]’) 选取所有的按钮,但按钮的id属性要包含”test”。
提示一下:在同一个$()结构中可以用“,”来连接多个不同的选择器,比如这样:
$(’div,p’)
以下是匹配所有具有title属性的<div>元素,和所有具有alt属性的<img>元素:
$(’div[title],img[alt]‘)
位置选择器
这种类型的选择器可以附加到任何基本选择器上,用于进行基于元素位置的筛选。如果缺省基本选择器,则将被视为所有元素。
举一些例子吧。
$(’p:first’) 选取页面中第一个出现的<p>元素。
$(’img[src$=.png]:first’) 选取页面中第一个出现src属性值以.png结尾的<img>元素。
$(’button.small:last’) 选取页面中最后一个出现class=”small”的按钮元素。
$(’li:first-child’) 选取页面中所有<li>列表的第一项元素。
$(’a:only-child’) 选取页面中所有<a>元素,但这些元素只能位于一个父级元素内。比如<li><a href=”url”>An url</a></li>,此时<li>内的<a>是匹配的。
$(‘li:nth-child(2)’) 选取父级元素中第二个<li>元素。<li>也一家要位于一个父级元素内。比如<ul>
<li>1</li>
<li>2</li>
</ul>
此时<li>2</li>是匹配的。
$(’tr:nth-child(odd)’) 选取表格中所有为奇数的行元素。
$(‘li:nth-child(3n)’) 在父级元素中有很多个<li>元素,但只选取隔3次出现的<li>元素。比如
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
其中<li>3</li>,<li>6</li>匹配。
$(’li:nth-child(3n+5)’) 带有偏移量的选取。在父级元素中只选取从第5个<li>元素开始每隔3次出现的<li>元素。比如
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
其中<li>5</li>,<li>8</li>匹配。
$(‘.someClass:eq(1)’) 选取页面中class=”someClass”的第二个元素。jQuery以0为基准,因此(1)表示相当于第2个。
$(‘.someClass:gt(1)’) 选取页面中所有class=”someClass”的元素,除了开头两个。
$(‘.someClass:lt(4)’) 只选取页面中所有class=”someClass”元素中最先的4个元素。
自定义选择器
jQuery提供这类的选择器用于在并不期望有CSS明确规定时,对元素进行方便快捷地选取。自定义选择器有可能会被组合起来,来看一看这些强大的选择器实例。
$(’img:animated’) 选取所有刚刚经历完动画方法调用的<img>元素。
$(’:button:hidden’) 选取所有被hide()方法隐含的按钮类型元素。
$(’input[name=myRadioGroup]:radio:checked’)选取name=”myRadioGroup”的单选框内被选中的项目。
$(’:text:disabled’) 选取所有被禁用的文本框元素。
$(’#xyz :header’) 选取id=”xyz”元素内的所有<h>元素。
$(’option:not(:selected)’) 选取没有被选中的所有的<option>元素。
$(’#myForm button:not(.someClass)’) 选取id=”myForm”的表单内不具有class=”someClass”属性的所有按钮。
$(’select[name=choices] :selected’) 选取name=”choices”的<select>元素中所有被选中的<option>项。
$(’p:contains(coffee)’) 选取所有内容包含有coffee的<p>元素。
无论是单一的或是组合,jQuery选择器能创建强大而简便的一套方案,便于jQuery内置的一些方法地行极富想像力的WEB开发。

什么是jquery选择器

jQuery选择器是jQuery库中非常重要的部分之一。它支持网页开发者所熟知的CSS语法快速轻松地对页面进行设置。了解jQuery选择器是打开高效开发jQuery之门的钥匙。一个典型的jQuery选择器句法形式:
$(selector).methodName();
selector是一个字符串表达示,用于识别DOM中的元素,然后使用jQuery提供的方法集合加以设置。
大多数情况下jQuery支持这样的操作:
$(selector).method1().method2().method3();
这个实例表示隐含DOM中id=”goAway”的元素,然后为其添加一个class=”incognito”属性。
$(’#goAway’).hide().addClass(’incognito’);
提示一下:当选择器表达示匹配多个元素时,可以象JavaScritp数组操作一样,方便灵活地利用数组指针进行选取。这是例子:
var element = $(’img’)[0];
匹配表达示的元素中,第一个元素对象将赋给变量element。
jQuery选择器的分类
有三种分类:基本选择器,位置选择器和自定义选择器。可以将基本选择器理解为“发现型选择器”,事实上它用于搜索DOM中的元素。位置选择器和自定义选择器更像是“筛选型选择器”。
基本选择器
这里提供了一份基本选择器的参考实例。这些选择器都支持CSS3语法准标和语议。
$(‘div’) 选取所有<div>元素。
$(‘fieldset a’) 选择在<fieldset>元素内出现的所有<a>元素。
$(‘li>p’) 选取在<li>标记中直接出现的所有<p>元素。
$(‘div~p’) 选取位为<div>标记之后出现的所有<p>元素。
$(‘p:has(b)’) 选取<p>元素内包含有<b>的所有元素。
$(‘div.someClass’) 选取<div>元素中出现class=”someClass”属性的所有元素。
$(‘.someClass’) 选取出现class=”someClass”属性的所有元素。
$(‘#testButton’) 选取id=”testButton”的元素。元素id属性值在当前DOM中是唯一的。因此我很好奇出现了两个id=”testButton”的元素时它会 怎么选。实验证明它只会选取第一个元素。真正的开发过程中,我们绝对不要在一个DOM中出现多个id相同的元素。
$(‘img[alt]’) 选取具有alt属性的所有<img>元素。
$(‘a[href$=.pdf]’) 选取具有href属性,而且属性的值以.pdf结尾的所有<a>元素。
$(‘button[id*=test]’) 选取所有的按钮,但按钮的id属性要包含”test”。
提示一下:在同一个$()结构中可以用“,”来连接多个不同的选择器,比如这样:
$(’div,p’)
以下是匹配所有具有title属性的<div>元素,和所有具有alt属性的<img>元素:
$(’div[title],img[alt]‘)
位置选择器
这种类型的选择器可以附加到任何基本选择器上,用于进行基于元素位置的筛选。如果缺省基本选择器,则将被视为所有元素。
举一些例子吧。
$(’p:first’) 选取页面中第一个出现的<p>元素。
$(’img[src$=.png]:first’) 选取页面中第一个出现src属性值以.png结尾的<img>元素。
$(’button.small:last’) 选取页面中最后一个出现class=”small”的按钮元素。
$(’li:first-child’) 选取页面中所有<li>列表的第一项元素。
$(’a:only-child’) 选取页面中所有<a>元素,但这些元素只能位于一个父级元素内。比如<li><a href=”url”>An url</a></li>,此时<li>内的<a>是匹配的。
$(‘li:nth-child(2)’) 选取父级元素中第二个<li>元素。<li>也一家要位于一个父级元素内。比如<ul>
<li>1</li>
<li>2</li>
</ul>
此时<li>2</li>是匹配的。
$(’tr:nth-child(odd)’) 选取表格中所有为奇数的行元素。
$(‘li:nth-child(3n)’) 在父级元素中有很多个<li>元素,但只选取隔3次出现的<li>元素。比如
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
其中<li>3</li>,<li>6</li>匹配。
$(’li:nth-child(3n+5)’) 带有偏移量的选取。在父级元素中只选取从第5个<li>元素开始每隔3次出现的<li>元素。比如
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
其中<li>5</li>,<li>8</li>匹配。
$(‘.someClass:eq(1)’) 选取页面中class=”someClass”的第二个元素。jQuery以0为基准,因此(1)表示相当于第2个。
$(‘.someClass:gt(1)’) 选取页面中所有class=”someClass”的元素,除了开头两个。
$(‘.someClass:lt(4)’) 只选取页面中所有class=”someClass”元素中最先的4个元素。
自定义选择器
jQuery提供这类的选择器用于在并不期望有CSS明确规定时,对元素进行方便快捷地选取。自定义选择器有可能会被组合起来,来看一看这些强大的选择器实例。
$(’img:animated’) 选取所有刚刚经历完动画方法调用的<img>元素。
$(’:button:hidden’) 选取所有被hide()方法隐含的按钮类型元素。
$(’input[name=myRadioGroup]:radio:checked’)选取name=”myRadioGroup”的单选框内被选中的项目。
$(’:text:disabled’) 选取所有被禁用的文本框元素。
$(’#xyz :header’) 选取id=”xyz”元素内的所有<h>元素。
$(’option:not(:selected)’) 选取没有被选中的所有的<option>元素。
$(’#myForm button:not(.someClass)’) 选取id=”myForm”的表单内不具有class=”someClass”属性的所有按钮。
$(’select[name=choices] :selected’) 选取name=”choices”的<select>元素中所有被选中的<option>项。
$(’p:contains(coffee)’) 选取所有内容包含有coffee的<p>元素。
无论是单一的或是组合,jQuery选择器能创建强大而简便的一套方案,便于jQuery内置的一些方法地行极富想像力的WEB开发。

jQuery中:lt选择器用法实例

1. 使用过渡过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如,如果使用:hover选择器,一旦用户将鼠标悬停在元素之上,浏览器就会应用跟选择器关联的属性。当用户将鼠标悬停在span元素上的时候,浏览器就会响应,直接应用新的属性。变化如下图所示:CCS过渡属性允许控制应用新属性值的速度。比如可以选择逐渐改变示例中span元素的外观,让鼠标移到单词banana上的效果更和谐。 transition-delay 和 transition-duration 属性指定为CSS时间,是一个数字,单位为ms(毫秒)或者s(秒)。transition简写属性的格式如下: transition: <transition-property> <transition-duration> <transition-timin

1. 关于CSS过渡的10篇课程推荐

简介:1. 使用过渡过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如,如果使用:hover选择器,一旦用户将鼠标悬停在元素之上,浏览器就会应用跟选择器关联的属性。当用户将鼠标悬停在span元素上的时候,浏览器就会响应,直接应用新的属性。变化如下图所示:CCS过渡属性允许控制应用新属性值的速度。比如可以选择逐渐改变示例中span元素的外观,让鼠标移到单词banana上的效果更和谐。 t...

2. 关于动画和变换的详细介绍

简介:1. 使用过渡过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如,如果使用:hover选择器,一旦用户将鼠标悬停在元素之上,浏览器就会应用跟选择器关联的属性。当用户将鼠标悬停在span元素上的时候,浏览器就会响应,直接应用新的属性。变化如下图所示:CCS过渡属性允许控制应用新属性值的速度。比如可以选择逐渐改变示例中span元素的外观,让鼠标移到单词banana上的效果更和谐。 t...

3. 推荐10款滑的特效(收藏)

简介:本篇文章主要介绍了CSS3中字体平滑处理和抗锯齿渲染,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。在围观Drupal官方主题的时候,发现了一个有意思的非标准CSS选择器-webkit-font-smoothing,于是上手把玩了一番。如何使用css3字体平滑显示呢要知道,W3C对CSS中字体的抗锯齿渲染是有过考虑的,如font-smooth,不过可能由于不同操作系统以及浏览器内核对字体的渲染...

4. 关于CSS常用属性的详细介绍

简介:前面几遍中我们分别说到了id选择器和class选择器,以及它们的区别和联系,下面大家一起来探究一下神奇的为类和伪元素吧。其实以前我对伪类和伪元素也是搞得稀里糊涂的,现在决定剥开它神秘的外衣,首先,究竟什么是伪类?什么是伪元素?伪类和伪元素的理解:官方解释:伪类一开始只是用来表示一些元素的动态状态,典型的就是大家常用的链接的各个状态(link、active、hover、visited),随后css2...

5. CSS选择符定义与用法汇总

简介:CSS选择符【通配选择符】*星号选择器将匹配页面里的每一个元素,但我建议你永远不要再生产代码中使用它。它给浏览器带来大量不必要的负担。*{margin:0;padding:0;}【标签选择符】(也叫类型选择符):也就是把html标签名作为选择符demo: ul {}【id选择符】:应该慎重使用ID选择器。给所需样式标签自定义id名.然后在css文件内写上#自定义id名{CSS样式}.注意:每个id...

6. 谈谈class选择器的现状、前景与机遇

简介:在css中,我们常见到选择器class,那么对于class的用法与规范,我们来做个总结:1.CSS Id 和 Class选择器的相关介绍id 和 class 选择器如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。H...

7. RUP入门教程:10个RUP基础入门教程推荐

简介:本篇文章主要介绍了CSS3中字体平滑处理和抗锯齿渲染,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。在围观Drupal官方主题的时候,发现了一个有意思的非标准CSS选择器-webkit-font-smoothing,于是上手把玩了一番。如何使用css3字体平滑显示呢要知道,W3C对CSS中字体的抗锯齿渲染是有过考虑的,如font-smooth,不过可能由于不同操作系统以及浏览器内核对字体的渲染...

8. 有关class属性的文章推荐10篇

简介:1.1HTML CSCSS选择器不同的样式定义有不同的应用方式,与之对应的样式名也有区别,所以样式名称为选择器应该容易理解不同应用方式的样式。1.类选择器:名称是以点“.”开始的一串字符组合,这类样式必须通过标签中的class属性使用。这种样式必须通过标签中的class属性应用。例:.wenzi{font-size:20px;}<p class=”wenzi”>类选择器样...

9. 推荐10篇常用的pyenv用法

简介:Python版本管理:pyenv和pyenv-virtualenvScrapy爬虫入门教程一 安装和基本使用Scrapy爬虫入门教程二 官方提供DemoScrapy爬虫入门教程三 命令行工具介绍和示例Scrapy爬虫入门教程四 Spider(爬虫)Scrapy爬虫入门教程五 Selectors(选择器)Scrapy爬虫入门教程六 Items(项目)Scrapy爬虫入门教程七 Item Loader...

10. 关于content属性的9篇课程推荐

简介:这篇文章主要介绍了CSS3中的content属性使用示例,是为CSS3入门学习中的基础知识,需要的朋友可以参考下CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个content属性,能够实现页面中的内容插入。插入纯文字content:"插入的文章",或者content:none不...

【相关问答推荐】:

html - css选择器,不唯一怎么表示?

javascript - 为什么把元素选择器换成类选择器就无效了?

javascript - jQuery选择器得到多个结果,如何使其.text()之间隔开呢?

javascript - 一个关于 JQuery选择器的问题?

php - 如果获取汽车品牌、车系、排量和生产年份的数据库

jQuery中:lt选择器用法实例

1. 使用过渡过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如,如果使用:hover选择器,一旦用户将鼠标悬停在元素之上,浏览器就会应用跟选择器关联的属性。当用户将鼠标悬停在span元素上的时候,浏览器就会响应,直接应用新的属性。变化如下图所示:CCS过渡属性允许控制应用新属性值的速度。比如可以选择逐渐改变示例中span元素的外观,让鼠标移到单词banana上的效果更和谐。 transition-delay 和 transition-duration 属性指定为CSS时间,是一个数字,单位为ms(毫秒)或者s(秒)。transition简写属性的格式如下: transition: <transition-property> <transition-duration> <transition-timin

1. 关于CSS过渡的10篇课程推荐

简介:1. 使用过渡过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如,如果使用:hover选择器,一旦用户将鼠标悬停在元素之上,浏览器就会应用跟选择器关联的属性。当用户将鼠标悬停在span元素上的时候,浏览器就会响应,直接应用新的属性。变化如下图所示:CCS过渡属性允许控制应用新属性值的速度。比如可以选择逐渐改变示例中span元素的外观,让鼠标移到单词banana上的效果更和谐。 t...

2. 关于动画和变换的详细介绍

简介:1. 使用过渡过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如,如果使用:hover选择器,一旦用户将鼠标悬停在元素之上,浏览器就会应用跟选择器关联的属性。当用户将鼠标悬停在span元素上的时候,浏览器就会响应,直接应用新的属性。变化如下图所示:CCS过渡属性允许控制应用新属性值的速度。比如可以选择逐渐改变示例中span元素的外观,让鼠标移到单词banana上的效果更和谐。 t...

3. 推荐10款滑的特效(收藏)

简介:本篇文章主要介绍了CSS3中字体平滑处理和抗锯齿渲染,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。在围观Drupal官方主题的时候,发现了一个有意思的非标准CSS选择器-webkit-font-smoothing,于是上手把玩了一番。如何使用css3字体平滑显示呢要知道,W3C对CSS中字体的抗锯齿渲染是有过考虑的,如font-smooth,不过可能由于不同操作系统以及浏览器内核对字体的渲染...

4. 关于CSS常用属性的详细介绍

简介:前面几遍中我们分别说到了id选择器和class选择器,以及它们的区别和联系,下面大家一起来探究一下神奇的为类和伪元素吧。其实以前我对伪类和伪元素也是搞得稀里糊涂的,现在决定剥开它神秘的外衣,首先,究竟什么是伪类?什么是伪元素?伪类和伪元素的理解:官方解释:伪类一开始只是用来表示一些元素的动态状态,典型的就是大家常用的链接的各个状态(link、active、hover、visited),随后css2...

5. CSS选择符定义与用法汇总

简介:CSS选择符【通配选择符】*星号选择器将匹配页面里的每一个元素,但我建议你永远不要再生产代码中使用它。它给浏览器带来大量不必要的负担。*{margin:0;padding:0;}【标签选择符】(也叫类型选择符):也就是把html标签名作为选择符demo: ul {}【id选择符】:应该慎重使用ID选择器。给所需样式标签自定义id名.然后在css文件内写上#自定义id名{CSS样式}.注意:每个id...

6. 谈谈class选择器的现状、前景与机遇

简介:在css中,我们常见到选择器class,那么对于class的用法与规范,我们来做个总结:1.CSS Id 和 Class选择器的相关介绍id 和 class 选择器如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。H...

7. RUP入门教程:10个RUP基础入门教程推荐

简介:本篇文章主要介绍了CSS3中字体平滑处理和抗锯齿渲染,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。在围观Drupal官方主题的时候,发现了一个有意思的非标准CSS选择器-webkit-font-smoothing,于是上手把玩了一番。如何使用css3字体平滑显示呢要知道,W3C对CSS中字体的抗锯齿渲染是有过考虑的,如font-smooth,不过可能由于不同操作系统以及浏览器内核对字体的渲染...

8. 有关class属性的文章推荐10篇

简介:1.1HTML CSCSS选择器不同的样式定义有不同的应用方式,与之对应的样式名也有区别,所以样式名称为选择器应该容易理解不同应用方式的样式。1.类选择器:名称是以点“.”开始的一串字符组合,这类样式必须通过标签中的class属性使用。这种样式必须通过标签中的class属性应用。例:.wenzi{font-size:20px;}<p class=”wenzi”>类选择器样...

9. 推荐10篇常用的pyenv用法

简介:Python版本管理:pyenv和pyenv-virtualenvScrapy爬虫入门教程一 安装和基本使用Scrapy爬虫入门教程二 官方提供DemoScrapy爬虫入门教程三 命令行工具介绍和示例Scrapy爬虫入门教程四 Spider(爬虫)Scrapy爬虫入门教程五 Selectors(选择器)Scrapy爬虫入门教程六 Items(项目)Scrapy爬虫入门教程七 Item Loader...

10. 关于content属性的9篇课程推荐

简介:这篇文章主要介绍了CSS3中的content属性使用示例,是为CSS3入门学习中的基础知识,需要的朋友可以参考下CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个content属性,能够实现页面中的内容插入。插入纯文字content:"插入的文章",或者content:none不...

【相关问答推荐】:

html - css选择器,不唯一怎么表示?

javascript - 为什么把元素选择器换成类选择器就无效了?

javascript - jQuery选择器得到多个结果,如何使其.text()之间隔开呢?

javascript - 一个关于 JQuery选择器的问题?

php - 如果获取汽车品牌、车系、排量和生产年份的数据库

浅析jQuery中常用的元素查找方法总结

本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍 需要的朋友参考下  

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

层叠选择器 $("form input") 选择所有的form元素中的input元素 $("#main > *")  选择id值为main的所有的子元素 $("label + input") 选择所有的label元素的下一个input元素节点 经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") 同胞选择器 该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签

基本过滤选择器 $("tr:first") 选择所有tr元素的第一个 $("tr:last")  选择所有tr元素的最后一个 $("input:not(:checked) + span")  

过滤掉 checked的选择器的所有的input元素 $("tr:even")   选择所有的tr元素的第 个元素(注意 因为所选择的多个元素时为数组 所以序号是从 开始) $("tr:odd")    选择所有的tr元素的第 个元素 $("td:eq( )")  选择所有的td元素中序号为 的那个td元素 $("td:gt( )")  选择td元素中序号大于 的所有td元素 $("td:ll( )")  选择td元素中序号小于 的所有的td元素 $(":header") $("div:animated")

内容过滤选择器 $("div:contains( John )") 选择所有div中含有John文本的元素 $("td:empty")             选择所有的为空(也不包括文本节点)的td元素的数组 $("div:has(p)")           选择所有含有p标签的div元素 $("td:parent")            选择所有的以td为父节点的元素数组

可视化过滤选择器 $("div:hidden")           选择所有的被hidden的div元素 $("div:visible")          选择所有的可视化的div元素

属性过滤选择器 $("div[id]")              选择所有含有id属性的div元素 $("input[name= newsletter ]")    选择所有的name属性等于 newsletter 的input元素 $("input[name!= newsletter ]")   选择所有的name属性不等于 newsletter 的input元素 $("input[name^= news ]")         选择所有的name属性以 news 开头的input元素 $("input[name$= news ]")         选择所有的name属性以 news 结尾的input元素 $("input[name*= man ]")          选择所有的name属性包含 news 的input元素 $("input[id][name$= man ]")    可以使用多个属性进行联合选择 该选择器是得到所有的含有id属性并且那么属性以man结尾的元素

子元素过滤选择器 $("ul li:nth child( )") $("ul li:nth child(odd)") $("ul li:nth child( n + )") $("div span:first child")   返回所有的div元素的第一个子节点的数组 $("div span:last child")    返回所有的div元素的最后一个节点的数组 $("div button:only child")  返回所有的div中只有唯一一个子节点的所有子节点的数组

表单元素选择器 $(":input")       选择所有的表单输入元素 包括input textarea select 和 button $(":text")        选择所有的text input元素 $(":password")    选择所有的password input元素 $(":radio")       选择所有的radio input元素 $(":checkbox")    选择所有的checkbox input元素 $(":submit")      选择所有的submit input元素 $(":image")       选择所有的image input元素 $(":reset")       选择所有的reset input元素 $(":button")      选择所有的button input元素 $(":file")        选择所有的file input元素 $(":hidden")      选择所有类型为hidden的input元素或表单的隐藏域

表单元素过滤选择器 $(":enabled")   选择所有的可操作的表单元素 $(":disabled")  选择所有的不可操作的表单元素 $(":checked")   选择所有的被checked的表单元素 $("select option:selected") 选择所有的select 的子元素中被selected的元素 选取一个name 为”S_ _ ″的input text框的上一个td的text值 $(”input[@name =S_ _ ]“) parent() prev() text() 名字以”S_”开始 并且不是以”_R”结尾的 $(”input[@name ^= S_ ]“) not(”[@name $= _R ]“) 一个名为radio_ 的radio所选的值 $(”input[@name =radio_ ][@checked]“) val(); $("A B") 查找A元素下面的所有子节点 包括非直接子节点 $("A>B") 查找A元素下面的直接子节点 $("A+B") 查找A元素后面的兄弟节点 包括非直接子节点 $("A~B") 查找A元素后面的兄弟节点 不包括非直接子节点

$("A B") 查找A元素下面的所有子节点 包括非直接子节点 例子 找到表单中所有的 input 元素 HTML 代码: <form> <label>Name:</label> <input name=name /> <fieldset>       <label>Newsletter:</label>       <input name=newsletter /> </fieldset> </form> <input name=none /> jQuery 代码: $("form input") 结果: [ <input name=name /> <input name=newsletter /> ]

$("A>B") 查找A元素下面的直接子节点 例子 匹配表单中所有的子级input元素 HTML 代码: <form> <label>Name:</label> <input name=name /> <fieldset>       <label>Newsletter:</label>       <input name=newsletter /> </fieldset> </form> <input name=none /> jQuery 代码: $("form > input") 结果: [ <input name=name /> ]

$("A+B") 查找A元素后面的兄弟节点 包括非直接子节点 例子 匹配所有跟在 label 后面的 input 元素 HTML 代码: <form> <label>Name:</label> <input name=name /> <fieldset>       <label>Newsletter:</label>       <input name=newsletter /> </fieldset> </form> <input name=none /> jQuery 代码: $("label + input") 结果: [ <input name=name /> <input name=newsletter /> ]

lishixin/Article/program/Java/JSP/201311/20132

    浅析jQuery中常用的元素查找方法总结

    本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍 需要的朋友参考下  

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

    层叠选择器 $("form input") 选择所有的form元素中的input元素 $("#main > *")  选择id值为main的所有的子元素 $("label + input") 选择所有的label元素的下一个input元素节点 经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") 同胞选择器 该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签

    基本过滤选择器 $("tr:first") 选择所有tr元素的第一个 $("tr:last")  选择所有tr元素的最后一个 $("input:not(:checked) + span")  

    过滤掉 checked的选择器的所有的input元素 $("tr:even")   选择所有的tr元素的第 个元素(注意 因为所选择的多个元素时为数组 所以序号是从 开始) $("tr:odd")    选择所有的tr元素的第 个元素 $("td:eq( )")  选择所有的td元素中序号为 的那个td元素 $("td:gt( )")  选择td元素中序号大于 的所有td元素 $("td:ll( )")  选择td元素中序号小于 的所有的td元素 $(":header") $("div:animated")

    内容过滤选择器 $("div:contains( John )") 选择所有div中含有John文本的元素 $("td:empty")             选择所有的为空(也不包括文本节点)的td元素的数组 $("div:has(p)")           选择所有含有p标签的div元素 $("td:parent")            选择所有的以td为父节点的元素数组

    可视化过滤选择器 $("div:hidden")           选择所有的被hidden的div元素 $("div:visible")          选择所有的可视化的div元素

    属性过滤选择器 $("div[id]")              选择所有含有id属性的div元素 $("input[name= newsletter ]")    选择所有的name属性等于 newsletter 的input元素 $("input[name!= newsletter ]")   选择所有的name属性不等于 newsletter 的input元素 $("input[name^= news ]")         选择所有的name属性以 news 开头的input元素 $("input[name$= news ]")         选择所有的name属性以 news 结尾的input元素 $("input[name*= man ]")          选择所有的name属性包含 news 的input元素 $("input[id][name$= man ]")    可以使用多个属性进行联合选择 该选择器是得到所有的含有id属性并且那么属性以man结尾的元素

    子元素过滤选择器 $("ul li:nth child( )") $("ul li:nth child(odd)") $("ul li:nth child( n + )") $("div span:first child")   返回所有的div元素的第一个子节点的数组 $("div span:last child")    返回所有的div元素的最后一个节点的数组 $("div button:only child")  返回所有的div中只有唯一一个子节点的所有子节点的数组

    表单元素选择器 $(":input")       选择所有的表单输入元素 包括input textarea select 和 button $(":text")        选择所有的text input元素 $(":password")    选择所有的password input元素 $(":radio")       选择所有的radio input元素 $(":checkbox")    选择所有的checkbox input元素 $(":submit")      选择所有的submit input元素 $(":image")       选择所有的image input元素 $(":reset")       选择所有的reset input元素 $(":button")      选择所有的button input元素 $(":file")        选择所有的file input元素 $(":hidden")      选择所有类型为hidden的input元素或表单的隐藏域

    表单元素过滤选择器 $(":enabled")   选择所有的可操作的表单元素 $(":disabled")  选择所有的不可操作的表单元素 $(":checked")   选择所有的被checked的表单元素 $("select option:selected") 选择所有的select 的子元素中被selected的元素 选取一个name 为”S_ _ ″的input text框的上一个td的text值 $(”input[@name =S_ _ ]“) parent() prev() text() 名字以”S_”开始 并且不是以”_R”结尾的 $(”input[@name ^= S_ ]“) not(”[@name $= _R ]“) 一个名为radio_ 的radio所选的值 $(”input[@name =radio_ ][@checked]“) val(); $("A B") 查找A元素下面的所有子节点 包括非直接子节点 $("A>B") 查找A元素下面的直接子节点 $("A+B") 查找A元素后面的兄弟节点 包括非直接子节点 $("A~B") 查找A元素后面的兄弟节点 不包括非直接子节点

    $("A B") 查找A元素下面的所有子节点 包括非直接子节点 例子 找到表单中所有的 input 元素 HTML 代码: <form> <label>Name:</label> <input name=name /> <fieldset>       <label>Newsletter:</label>       <input name=newsletter /> </fieldset> </form> <input name=none /> jQuery 代码: $("form input") 结果: [ <input name=name /> <input name=newsletter /> ]

    $("A>B") 查找A元素下面的直接子节点 例子 匹配表单中所有的子级input元素 HTML 代码: <form> <label>Name:</label> <input name=name /> <fieldset>       <label>Newsletter:</label>       <input name=newsletter /> </fieldset> </form> <input name=none /> jQuery 代码: $("form > input") 结果: [ <input name=name /> ]

    $("A+B") 查找A元素后面的兄弟节点 包括非直接子节点 例子 匹配所有跟在 label 后面的 input 元素 HTML 代码: <form> <label>Name:</label> <input name=name /> <fieldset>       <label>Newsletter:</label>       <input name=newsletter /> </fieldset> </form> <input name=none /> jQuery 代码: $("label + input") 结果: [ <input name=name /> <input name=newsletter /> ]

    lishixin/Article/program/Java/JSP/201311/20132

      在jquery里,怎么选择“某个指定id的div下面的第2个子div”?

      需要准备的材料分别有:电脑、html编辑器、浏览器。

      1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

      2、在index.html中的<script>标签,输入jquery代码:$('#a').append($('#a div').eq(1).text());。

      3、浏览器运行index.html页面,此时成功通过jquery挑选了id为a的div下面的第2个子div并打印了文本。

      jquery 选择器选择table中的所有input 元素

      1.首先,我们打开jquery并创建一个新的HTML文件。

      2.然后我们创建一个表单表单。

      3.如图所示,我们可以看到此时,一个元素下的所有输入元素都没有被选中。

      4.然后介绍jquery.js。

      5.JQuery:fileselector选择“file”类型的输入元素并设置其背景颜色。

      6.此时,可以选择某个元素下的所有输入元素。

      六三科技网还为您提供以下相关内容希望对您有帮助:

      jquery有几种选择器

      5、selector1,selector2,...,selectorN(并集选择器)描述:将每个选择器匹配到的元素合并后一起返回,返回合并后的元素集合 示例:$("p,span,p.myClass") 选取所有,和class为myClass的标签的元素集合 二、层次选择...

      jquery中类选择器的功能如何实现实例详解

      类选择器,就是通过class属性获取节点。比如一个html结构中,有三个p标签都具有class=”red”的属性,那么类选择器返回的就是这三个p标签。在jquery中,我们可以很方便的通过$(“.red”)这种方式按照类获取节点。但是在原生的javascript中...

      什么是jquery选择器

      提示一下:当选择器表达示匹配多个元素时,可以象JavaScritp数组操作一样,方便灵活地利用数组指针进行选取。这是例子:var element = $(’img’)[0];匹配表达示的元素中,第一个元素对象将赋给变量element。jQuery选择器...

      jquery中有哪几种类型的选择器

      $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文件中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass") 层叠选择器: $("form input") 选择所有的form元素中的input元素 ...

      jQuery中的复合选择器如何使用

      selectorN:(可选择)为任意多个选择器,可以是ID选择器、无素选择器或是类名选择器等。例如,要查询文档中的全部的标记和使用CSS类myClass的标记,可以使用下面的jQuery代码:$("span,p.myClass");二 应用在页面添加3...

      jquery 选择器选择table中的所有input 元素

      1.首先,我们打开jquery并创建一个新的HTML文件。2.然后我们创建一个表单表单。3.如图所示,我们可以看到此时,一个元素下的所有输入元素都没有被选中。4.然后介绍jquery.js。5.JQuery:fileselector选择“file”类型的输入...

      jquery 选中文本框 jquery 文本框样式 jquery 改变样式

      首先需要获取到文本框元素,然后通过Jquerycss操作方法修改样式。Jquery可以根据标签名、id、类等很多方式选取元素。ID选择器 选取带有唯一的指定 id 的元素。id 引用 HTML 元素的 id 属性。相同的 id 值只能在文档中使用一次...

      jquery选择器中加变量参数

      可以参考以下两种方法:1、代码一 funciton(id){ ("#"+id).hide();} 2、代码二 funciton(id){ ("#"+id的值).hide();//比如$("#"+myid).hide();}

      浅析jQuery中常用的元素查找方法总结

      层叠选择器 $("form input") 选择所有的form元素中的input元素 $("#main &gt; *") 选择id值为main的所有的子元素 $("label + input") 选择所有的label元素的下一个input元素节点 经测试选择器返回的是label标签后面...

      Jquery有哪些选择器

      选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概...

      Top