jquery 基础

一 jquery中eq hide show 和toggle

:eq() 过滤选中元素的第几个，()中写的索引值。 eq是equal to（等于）的前两个字母。

.hide() 隐藏选中元素。()中可以带一个毫秒值，表示隐藏过渡的时长。

.show() 显示选中元素。()中可以带一个毫秒值，表示显示过渡的时长。

.toggle() 切换选中元素。()中可以带一个毫秒值，表示切换过渡的时长。

2. css的单属性访问

.css(); 如果写两个参数，表示单属性的修改如果写一个参数表示单属性的访问

.css('width');

.css('width','200px');

css的多属性修改

$('div').css({width:600,height:200,backgoundColor:'green'});

$('div').css({'width':'600','height':'200','backgound-color':'green'});

3.jquery控制html

.html(); 不加参数表示访问，加上参数表示修改

2.1 基本选择器

语法：css2选择器、CSS3子代选择器、CSS3兄弟选择器怎么选，基本选择器就怎么选。

选择器	说明
p	选择所有的元素
#box	选择id为box的元素
.left	选择所有类为left的元素
div.left	交集选择器：1.是div；2.具有left类
h1,h2,h3,h4,h5,h6	并集选择器：满足条件之一即可
ul li	后代选择器。如果一个ul有一个li的后代，或者一个li有一个ul的选择，则被选中
*	通配符选择器
>	第一级子代选择器
+	该元素后面紧挨着的那一个亲弟弟或亲妹妹(唯一)
~	该元素后面的所有的亲弟弟或亲妹妹

1. 过滤选择器是以:开头的，或者是写在[]中的

2. 写在选择函数中的，通常是写在基本选择器后面。

选择器	说明
:eq()	过滤指定索引值的那一个
:first	过滤第一个
:last	过滤最后一个
:not()	取非，()中写选择器
:even	选择所有索引值为偶数的
:odd	选择所有索引值为奇数的
:gt()	选择索引值大于某个数的。gt是greater than的缩写
:lt()	选择索引值小于某个数的。lt是less than的缩写
:header	选择所有的标题标签（见到认识就可以）
:animated	选择运动中的元素

选择器	说明
:root	选中根标签，同html
:nth-child()	表示它是它父母的第几个孩子。和eq()不同。eq()是取出所有满足条件的元素，然后进行大排队。
:first-child	取出每家的第一个孩子。和:first不同，:first是大排队后的排序
:last-child	选择每家最小的孩子。和:last不同，:last是大排队后的排序
:nth-last-child()	选择每家倒数第几个孩子。
:only-child	选择每家是独生子女的孩子
:nth-child(even) :nth-child(2n)	选择每家排行偶数的孩子
:nth-child(odd) :nth-child(2n+1)	选择每家排行奇数的孩子
:nth-of-type()	选择每家的同类孩子中的第几个
:first-of-type	选择每家的同类孩子中的第一个
:last-of-type	选择每家的同类孩子中的最小一个
:nth-last-of-type	选择每家的同类孩子中的倒数第几个
:only-of-type	选择每家的同类孩子中的唯一一个

.val() 用于获取表单元素的值

选择器	说明
e[alt]	选择具有alt属性的e元素
e[alt=”value”]	选择具有alt属性，并且alt属性值为value的e元素
e[alt!=”value”]	选择alt属性值不为value的e元素
e[alt*=”value”]	选择alt属性值中含有value的e元素
e[alt$=”value”]	选择alt属性值中以value结尾的e元素
e[alt^=”value”]	选择alt属性值中以value开头的e元素

.val() 用于获取表单元素的值

选择器	说明
e[alt]	选择具有alt属性的e元素
e[alt=”value”]	选择具有alt属性，并且alt属性值为value的e元素
e[alt!=”value”]	选择alt属性值不为value的e元素
e[alt*=”value”]	选择alt属性值中含有value的e元素
e[alt$=”value”]	选择alt属性值中以value结尾的e元素
e[alt^=”value”]	选择alt属性值中以value开头的e元素

posted on 2016-08-01 01:11 晨曦年华阅读(116) 评论(0) 收藏举报