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

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

jQuery基础 (一)—样式篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

weibo_颖丫头嘎嘎_04073231

//:not 选择所有元素去除不匹配给定的选择器的元素
//选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色
$("input:not(:checked)+p").css("background-color", "#CD00CD");
:checked注意冒号

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

2016-12-12

weibo_颖丫头嘎嘎_04073231

> （大于号) 第一层下的子选择器。紧跟父子关系如$("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-12-12

weibo_颖丫头嘎嘎_04073231

$("html").css("border","1px solid green");
$("body").css("border","1px solid orange");
多出来的边框和横线

7 2-4 jQuery选择器之全选择器（*选择器）

2016-12-12

慕粉3474506

如果P2不能显示，那就换成：<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

6 1-4 jQuery对象与DOM对象

2016-12-12

weibo_颖丫头嘎嘎_04073231

$('.imooc').eq(0).css('border','3px solid green');
下标为0的DOM对象呗设置css

0 2-2 jQuery选择器之类选择器

2016-12-12

weibo_颖丫头嘎嘎_04073231

如何把jQuery对象转成DOM对象？
利用数组下标的方式读取到jQuery中的DOM对象。var div = $div[0] //转化成DOM对象
通过jQuery自带的get()方法。var div = $div.get(0) //通过get方法，转化成DOM对象

0 1-5 jQuery对象转化成DOM对象

2016-12-12

weibo_颖丫头嘎嘎_04073231

使用的jQuery版本http://libs.baidu.com/jquery/1.9.1/jquery.min.js

0 1-5 jQuery对象转化成DOM对象

2016-12-12

慕粉3709816

不太明白这一节

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

2016-12-11

慕粉3709816

:eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引
gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始

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

2016-12-11

慕粉18221508921

$(this).next()当前元素的下一个元素

0 3-5 jQuery的属性与样式之删除样式.removeClass()

2016-12-11

慕粉18221508921

jq看不懂可能是js没学好，案例用的回调函数不是很简单么，，，，js里不经常用回调函数么

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

2016-12-11

慕粉18221508921

$(".last-div a:nth-last-child(2)").css("color", "red");
nth-child()里面不能用单引号，譬如，下面这样就不行
$(".last-div a:nth-last-child('2')").css("color", "red");

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

2016-12-11

慕粉18221508921

$(".last-div a:nth-last-child(2)").css("color", "red");
/*a和:之间不能有空格；奇葩*/

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

2016-12-11

舞清风

第85行，少一个右括号）

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

2016-12-11

慕粉18221508921

//查找所有div中，有属性testattr中的值没有包含"true"的div
$("div[testattr!='true']").css("border", "3px groove #668B8B");
这个有错，表示的是，查找所有div中，有属性testattr中的值不等于"true"的div，而不是包含，不信您试试，把某一个的testattr值价格空格；

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

2016-12-10

首页上一页 128 129 130 131 132 133 134 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础 (一)—样式篇