jQuery基础 (一)—样式篇_技术问答

首页免费课 jQuery基础 (一)—样式篇问答

jQuery基础 (一)—样式篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·122017
免费课程
                                
jQuery基础(二)—DOM篇
入门·114008
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211524
免费课程
                                
jQuery基础(四)—动画篇
初级·85049
免费课程
                                
jQuery基础(三)—事件篇
入门·89994
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71436
免费课程
                                
                难度入门
            
                时长 2小时23分
            
                学习人数
            
综合评分9.30
                            1025人评价
                        查看评价
                                9.6
                                内容实用
                            
                                9.2
                                简洁易懂
                            
                                9.1
                                逻辑清晰

全部评论问答未解决精华

shan330

$('.aaron').css("background","green")
$('.aaron').css({'background':'blue'})
这两个应该就是写法的区别吧，优先级是一样的，都可以覆盖addClass
第二个里的冒号不要写错~

3 3-8 jQuery的属性与样式之.css()与.addClass()设置样式的区别

2017-03-08

TimeTDIT

学习都能吵起来..受我一拜

2 2-11 jQuery选择器之子元素筛选选择器

2017-03-08

shan330

针对第二个script里面的内容
//这里.toggleClass的意思是奇数项tr如果有c这个类就移除，没有就添加，延续上面的代码是有c，所以奇数项样式被删除
注：有则删除，没有则添加！

0 3-6 jQuery的属性与样式之切换样式.toggleClass()

2017-03-08

shan330

.val()是用来读取表单元素里面的“value”值，只能使用在表单元素上，.html()和.text()不能使用在表单元素。
另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。

1 3-3 jQuery的属性与样式之.val()

2017-03-08

shan330

整个div子节点都被替换了，所以在第一个里面就没有a标签了

3 3-2 jQuery的属性与样式之html()及.text()

2017-03-08

shan330

回调函数参数值
$("input:eq(3)").attr（‘value‘，function（i，val）{
return 'i'+val;
}）
?

0 3-1 jQuery的属性与样式之.attr()与.removeAttr()

2017-03-08

qq_世末歌者

my son~

0 2-6 练习题

2017-03-08

shan330

最后一项
//找到女装下第一类衣服，把a元素中包含文字"更多"的节点，改变颜色
$(".tag:eq(0) dd:contains(更多)").css('color','#C71585'); 会把整个dd选中，不只是单个a，记住~
前面的课程里面有原句“如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。”

1 2-16 综合案例

2017-03-08

shan330

a：nth-child（n）是取冒号前面的那个元素（该元素在这里是a）的父元素下面的第n-1个该元素，括号里面的索引号是从0开始计数的。注：如果该元素（a）内部还有层级关系，正好又含有该元素（a），那么索引号也会受影响，也就是所有a都会算进去

1 2-16 综合案例

2017-03-08

shan330

两个元素之间关系。比如div和p
$("div p")是取到所有div下面的所有p，可能涉及到多层级，可能是父子关系、孙子关系、曾孙关系或者旁系子元素里的p等
$("div>P")只能取到所有div下面“子元素”为p，也就是第一层子元素（只能是父子关系），不能往内部延伸

1 2-16 综合案例

2017-03-08

shan330

：first和：first-child试验比较发现
如果是：first那么只能选中父元素紧挨着的第一项指定子元素并且是唯一值，它只有一个；
：first-child则会选中指定元素父元素底下的所有处在第一项位置的元素。不具有唯一性。如果有和第一项位置并列的元素（也就是父元素相同）一样可以获取到；另外如果这个选定元素内部还有处在第一个位置上的同样的元素依然可以取到

1 2-16 综合案例

2017-03-08

shan330

给p元素绑定一个事件：
p.addEventListener('click',function(){
this.style.color="red";
p.style.color="red";
},false);

$('p').click(function(){
var $this=$(this)
$(this).css('color','red')
})

0 2-15 jQuery选择器之特殊选择器this

2017-03-07

shan330

$("input:enabled")查找所有未被禁用的属性
2.$("input:disabled")查找所有被禁用的属性
3.$("input:checked").removeAttr('checked');查找所有被选中的元素并移除这个选中的属性
4.$("option:selected").removeAttr('selected')查找所有被选中的元素并移除这个“被选中 ”的属性

2 2-13 jQuery选择器之表单对象属性筛选选择器

2017-03-07

shan330

input表单筛选器：
input类型：text文本；password密码；image图像；单选框radio；复选框CheckBox；文件file；按钮button；reset重置按钮；submit提交按钮

3 2-12 jQuery选择器之表单元素选择器

2017-03-07

shan330

除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。并且大部分表单类别筛选器可以使用属性筛选器替换。比如：$(":password")==$("[type=password]")

0 2-12 jQuery选择器之表单元素选择器

2017-03-07

首页上一页 101 102 103 104 105 106 107 下一页尾页

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础 (一)—样式篇