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

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

jQuery基础 (一)—样式篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·122019
免费课程
                                
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
                                逻辑清晰

全部评论问答未解决精华

自学的人

(1)$("div[name=p1]")选择div元素中name属性是p1的元素
(2)$("div[name]")选择div元素中所有具有name属性的元素
(3)$("div[name|=a]")选择div元素中name属性的值只包含一个连字符a或以a为前缀且以"-"为分隔的元素（如：name="a-bcd"）
(4)$("div[name~=a]")选择div元素中name属性的值包含字符串a且以空格分隔元素（如：name="a b"）

4 2-10 jQuery选择器之属性筛选选择器

2016-10-17

瑶海王力宏

> （大于号）紧跟父子关系如$("div > p")表示选择div下的直接层是p的节点。

+ （加号）紧跟兄弟关系如$("div + p")表示选择div同层的左右相邻的p节点。

~ （波浪线）任意距离兄弟关系如$("div ~ p")表示选择div同层的p节点。

(空格) 任意层父子关系如$("div p")表示选择div下的p节点（不管中间隔多少层）。

,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。

0 2-5 jQuery选择器之层级选择器

2016-10-17

Seach

contains,包含的是文本，has包含的是选择器

0 2-8 jQuery选择器之内容筛选选择器

2016-10-17

Seach

兄弟节点span不可选，因为它不是div

0 2-5 jQuery选择器之层级选择器

2016-10-17

Seach

var $div = $('div')这是jQuery对象;JQ对象可以用.first()方法得到元素后再使用.css来改变样式
var div = $div[0];这是DOM对象，（注意看var 后面是div ，不是Jquery的$div ）,DOM对象只能使用div.style.color='red';来改变颜色

2 1-6 DOM对象转化成jQuery对象

2016-10-17

Thxcud

看到有人说跨越大，干脆先睡了明天把这点尾巴补上

3 3-9 jQuery的属性与样式之元素的数据存储

2016-10-17

问鼎我早已不是了

我感觉可以看懂啊，有一个可能有点难懂，$('div[name|="-"]')，表示等于指定字符‘-’或‘-’为前缀的字符（以-连接）

0 2-10 jQuery选择器之属性筛选选择器

2016-10-17

Thxcud

//这个操作没有变化，因为少了个</script>

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

2016-10-16

qq_小脚丫_03636581

有没有人和我一样这里出现了Bug,获取不到.first的实际宽高
<script type="text/javascript">
//获取尺寸，传入CSS属性组成的一个数组
var value = $('.first').css(['width','height']);
//因为获取的是一个对象，取到对应的值
$('p:eq(2)').text( ['widht:' + value.width + ' height:' +value.height ])
</script>

2 3-7 jQuery的属性与样式之样式操作.css()

2016-10-16

warryy

一个</script>坑我10分钟

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

2016-10-16

飞客

课程做得不好还不让人说？MDZZ

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

2016-10-16

weibo_D1等动物_03744961

回复第一赞的问题，split（"px"）后返回的是一个数组，虽然只有一个元素，即value[0]=原有宽度值。这里后面的value[1]的值应该是undefined，但是系统自动忽略他并给没有单位的数值加了px

1 3-7 jQuery的属性与样式之样式操作.css()

2016-10-15

云彩无色3804005

$(".aaron:lt(2)").css("color", "#f00"); 没反应，代码有错么，没找到

1 2-7 jQuery选择器之基本筛选选择器

2016-10-15

扫扫15块5

$("menu_con .tag p:first-child").css('color','#9932CC');
$("#menu_con .tag a:lt(4)").css('color','red');
$("#menu_con a[name='setColor']").css('color','blue');
$(".tag a:nth-child(10)").css('color','#66CD00');
$("#menu_female .tag a:contains('更多')").css('color','#C71585');
记住一定要有层级关系来使用选择器

1 2-16 综合案例

2016-10-15

weibo_本宫li不矫情

把代码分割开来实现效果看就不叫清楚了，不然真的感觉好乱，

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

2016-10-15

首页上一页 154 155 156 157 158 159 160 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础 (一)—样式篇