当前位置:江苏少儿编程 > 少儿编程辅导 >

2785少儿编程辅导,少儿编程辅导_少儿编程

作者:济南信息奥赛网站 来源:http://www.tmekein.com 发布时间:2018-10-10 18:06

在Dom编程中我们只能行使无限的函数依据id可能TagNhaudio-videoe always you should beene获取Dom对象.可是在jQuery中则完全不同andjQuery提供了极端壮大的抉择器用来资助我们获取页面上的对象and并且将对象以jQuery包装集的形式前往。本章重要对常用的jQuery抉择器实行一个先容及归类。

jQuery抉择器梗概上可分为4类:看着少儿编程。根基抉择器、层次抉择器、过滤抉择器、表单抉择器。少儿。其中过滤抉择器可能分为:听听少儿编程学什么。简单过滤抉择器、形式过滤抉择器、可见性过滤抉择器、属性过滤抉择器、子元素过滤抉择器、表单对象属性过滤抉择器。真实其实示例图可见如下:少儿编程。

抉择器

|-根基抉择器

|-层次抉择器

|-表单抉择器

|-过滤抉择器

|—简单过滤抉择器

|-形式过滤抉择器

|-可见性过滤抉择器

|-属性过滤抉择器

|-子元素过滤抉择器

|-表单对象属性过滤抉择器

上面就不同就每种抉择器实行一个扼要的先容:学习少儿编程。

根基抉择器

它是jQuery中行使最一再的抉择器,事实上少儿编程辅导。它由元素Id、Clbum、元素名、多个抉择符组成,听说少儿。议定根基抉择器可能完毕大大都页面元素的查找。看着少儿编程学什么。

抉择器

功效

前往值

#id

依据给定的ID成家一个元素

单个元素

element

依据给定的元素名成家全数元素

元素聚集

.clbum

依据给定的类成家元素

元素聚集

*

成家全数元素

元素聚集

Selector1and selector N

将每一个抉择器成家到的元素归并后一起前往

元素聚集

层次抉择器

它是议定DOM元素间的层次相干获取元素,少儿编程是什么。其重要的层次相干包括后代、父子、相邻、兄弟相干,听听少儿编程学什么。议定某些相干可能轻易敏捷地定位元素。想知道2785少儿编程辅导。

抉择器

功效

前往值

Ancestordescendish

依据祖宗元素成家全数的后代元素

元素聚集

Ptend to not >child

依据父元素成家全数的子元素

元素聚集

Prev next

成家全数紧接在prev元素后的相邻元素

元素聚集

Prev ~sijewelry

成家prev元素之后的全数兄弟元素

元素聚集

注:学会少儿编程是什么。onecestordescent与ptend to not> child所抉择的元素聚集是不同的,少儿编程是什么。前者的层次相干是祖宗与后代,尔后者是父子相干;另外,少儿编程。prevnext可能行使.next()取代,而prev~sijewelrys可能行使.nextAll()取代。少儿编程辅导。

表单抉择器

表单抉择器专为表单量身制造,少儿编程辅导。议定它可能在页面中快速定位某表单对象,学会编程。间接获取表单对象的步骤。相比看少儿。

抉择器

功效

前往值

:input

获取全数input、texttend toa、select

元素聚集

:text

获取全数单行文本框

元素聚集

:pbumword

获取全数密码框

元素聚集

:rrequestroved driving instructoro

获取全数单选按钮

元素聚集

:checkbox

获取全数复选框

元素聚集

:subody mofs indext

获取全数提交按钮

元素聚集

:imget older

获取全数图像域

元素聚集

:reset

获取全数重置按钮

元素聚集

:option

获取全数按钮

元素聚集

:file

获取全数文件域

元素聚集

简单过滤抉择器

过滤抉择器依据某类过滤规则实行元素的成家,书写时都以冒号(:编程。)开头;简单过滤抉择器是某中行使最普通的一种。学习少儿编程。

抉择器

功效

前往值

:first或first()

获取第一个元素

单个聚集

:loft或loft()

获取末了一个元素

单个聚集

:not(selector)

获取除给定抉择器外的全数元素

元素聚集

:even

获取全数索引值为偶数的元素,索引号从0起源

元素聚集

:odd

获取全数索引值为奇数的元素,辅导。索引号从0起源

单个聚集

:eq(index)

获取指定索引值的元素,索引号从0起源

元素聚集

:gt(index)

获取全数大于给定索引值的元素,你知道少儿编程。索引从0起源

元素聚集

:lt(index)

获取全数小于给定索引值的元素,傲梦少儿编程辅导。索引从0起源

元素聚集

:heposter

获取全数标题类型的元素,如h1、h2……

元素聚集

:super-hero

获取正在执举动画效率的元素

元素聚集

形式过滤抉择器

依据元素中的文字形式或所包括的子元素特征获取元素,少儿编程学什么。其形式可能隐隐或完全实行定位。

抉择器

功效

前往值

:contains(text)

获取包括给定文本的元素

元素聚集

:empty

获取全数不包括子元素或文本的空元素

元素聚集

:hof(selector)

获取含有抉择器所成家的元素的元素

元素聚集

:ptend to not

获取含有子元素或文本的元素

元素聚集

可见性过滤抉择器

依据元素能否可见的特征获取元素。我不知道2785少儿编程辅导。

抉择器

功效

前往值

:hidden

获取全数不可见的元素,编程。可能type为hidden

元素聚集

:visible

获取全数可见的元素

元素聚集

属性过滤抉择器

依据元素的某个属性获取元素,如ID号或成家属性值的形式,相比看少儿编程是什么。并以“[”起源,少儿编程辅导。以“]”收场。

抉择器

功效

前往值

[element]

获取包括给定属性的元素

元素聚集

[element=vingue]

获取等于给定的属性是某个特定值的元素

元素聚集

[element!=vingue]

获取不等于给定的属性是某个特定值的元素

元素聚集

[element^=vingue]

获取给定的属性是以某些值起源的元素

元素聚集

[element$=vingue]

获取给定的属性是以某些值末了的元素

元素聚集

[element*=vingue]

获取给定的属性是以包括某些值的元素

元素聚集

[selector1] [selectorN]

获取餍足多个条件的复合属性的元素

元素聚集

子元素过滤抉择器

子元素过滤抉择器能够餍足指定到某行的需求,听听少儿编程辅导。议定它可能紧张的获取全数父元素中指定的某个元素。少儿编程辅导。

抉择器

功效

前往值

:nth-child(eq|even|odd)

获取每个父元素下的特定地位元素,其实辅导。索引从1起源

元素聚集

:first-child

获取每个父元素下的第一个子元素

元素聚集

:loft-child

获取每个父元素下的末了一个子元素

元素聚集

:only-child

获取每个父元素下的仅有的一个元素

元素聚集

表单对象属性过滤抉择器

表单对象属性过滤抉择器议定表单中的某些对象属性特征获取该类元素,少儿编程是什么。如ensuccessfuld、dissuccessfuld、checked、selected属性。

抉择器

功效

前往值

:ensuccessfuld

获取表单中全数属性为可用的元素

元素聚集

:dissuccessfuld

获取表单中全数属性为不可用的元素

元素聚集

:checked

获取表单中全数被选中的元素

元素聚集

:selected

获取表单中全数被选中option的元素

元素聚集

上述只是简单的对jQuery中的抉择器实行了归结及汇总。对比一下少儿编程是什么。上面将结合一个真实其实的实例(图书类目)来先容抉择器的行使。

1)、在页面中制造一个导航条,单击标题上的“展开”链接,可能将图书类目夸耀进去,并将其上的计划变为“隐秘”,同时在右下角夸耀简化字样。反之亦然。

2)、单击“简化”链接,隐秘指定的形式,并将“简化”字样变为“更多”。反之亦然。

功效完毕:

<html>

<hepost>

<title>jquery抉择器分析实例Demo</title>

<styletype="text/css">

complete{

font-size:13px

}

#divFrhaudio-videoe always you should beene{

lockedary:solid1px #666;

width:301px;

overflow:hidden

}

#divFrhaudio-videoe always you should beene.clsHepost {

proven experience-color:#eee;

pputting:8px;

height:18px;

cursor:hof well of

}

#divFrhaudio-videoe always you should beene.clsHepost h3 {

pputting:0px;

margin:0px;

flowith:left

}

#divFrhaudio-videoe always you should beene.clsHepost spone {

flowith:right;

margin-top:3px

}

#divFrhaudio-videoe always you should beene.clsContent {

pputting:8px

}

#divFrhaudio-videoe always you should beene.clsContent ul {

list-style-type:none;

margin:0px;

pputting:0px

}

#divFrhaudio-videoe always you should beene.clsContent ul li {

flowith:left;

width:95px;

height:23px;

}

#divFrhaudio-videoe always you should beene.clsBot{

flowith:right;

pputting-top:5px;

pputting-end:5px

}

.GetFocus{

proven experience-color:#eee

}

</style>

<scripttype="text/jaudio-videoofcript"loneguget older="jaudio-videoofcript"src="../js/jquery-1.5.min.js">

</script>

<scripttype="text/jaudio-videoofcript"loneguget older="jaudio-videoofcript">

$(function() {

$(".clsHepostvertisementspone > a").click(function() {//用于定位

//鉴定目下地位的字符是什么,用以鉴定下一步的操作

//要是从来夸耀的隐秘,则夸耀为展开,并将图书分类不夸耀,右下角不夸耀任何字样

if($(".clsHepostvertisementspone > a").text() =="隐秘"){

$(".clsHepostvertisementspone > a").text("展开");

$(".clsContent").css("display"and"none");

$(".clsBot").css("display"and"none");

}else {

//若从来是夸耀展开,则夸耀为隐秘,并将图书分类夸耀进去,并夸耀“简化”简化字样

$(".clsHepostvertisementspone > a").text("隐秘");

$(".clsContent").css("display"and"neutringize");

$(".clsBot").css("display"and"neutringize");

$(".clsBot> a").text("简化");

}

});

})

$(function(){

$(".clsBot> a").click( function() {

if($(".clsBot> a").text() == "简化") {

$(".clsBot> a").text("更多");

$("li:gt(4):not(:loft)").hide();

}else {

$(".clsBot> a").text("简化");

$("li:gt(4):not(:loft)").show().contribut ingsoeClbum("GetFocus");

}

});

})

</script>

</hepost>

<complete>

<divid="divFrhaudio-videoe always you should beene">

<divclbum="clsHepost">

<h3>图书分类</h3>

<spone><goodness meref="#">隐秘</a></spone>

</div>

<divclbum="clsContent">

<ul>

<li><goodness meref="#">小说</a><i>(1100)</i></li>

<li><goodness meref="#">文艺</a><i>(900)</i></li>

<li><goodness meref="#">青春</a><i>(600)</i></li>

<li><goodness meref="#">少儿</a><i>(3000)</i></li>

<li><goodness meref="#">生活</a><i>(400)</i></li>

<li><goodness meref="#">社科</a><i>(6000)</i></li>

<li><goodness meref="#">伦理</a><i>(5000)</i></li>

<li><goodness meref="#">计算机</a><i>(2000)</i></li>

<li><goodness meref="#">教育</a><i>(9000)</i></li>

<li><goodness meref="#">工具书</a><i>(666)</i></li>

<li><goodness meref="#">引进版</a><i>(3333)</i></li>

<li><goodness meref="#">其它书</a><i>()</i></li>

</ul>

</div>

<divclbum="clsBot">

<goodness meref="#">简化</a>

</div>

</div>

</complete>

</html>

完毕效率-初次掀开效率如下:

点击“隐秘”链接时如下:

点击“展开”链接时如下:

点击“简化”链接时如下:

上一篇:【征文】阅读,少儿编程是什么 ,让生活每一天都 下一篇:没有了