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

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

jQuery基础 (一)—样式篇

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

洛晓晔

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

2016-07-28

南极小企鹅

如果元素中占据文档中一定的空间,元素被认为是可见的。
可见元素的宽度或高度，是大于零。
元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。
不在文档中的元素是被认为是不可见的，如果当他们被插入到文档中，jQuery没有办法知道他们是否是可见的，因为元素可见性依赖于适用的样式

1 2-9 jQuery选择器之可见性筛选选择器

2016-07-27

南极小企鹅

我们有下面几种方式可以隐藏一个元素：
CSS display的值是none。
type="hidden"的表单元素。
宽度和高度都显式设置为0。
一个祖先元素是隐藏的，该元素是不会在页面上显示
CSS visibility的值是hidden
CSS opacity的指是0

0 2-9 jQuery选择器之可见性筛选选择器

2016-07-27

南极小企鹅

1)contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素
2)如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。
3)parent与:empty是相反的，两者所涉及的子元素，包括文本节点

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

2016-07-27

kingHawkWin

我只想说IE去死

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

2016-07-27

标标哟

回调函数有点难理解

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

2016-07-27

洛晓晔

在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的

[attr="value"]能帮我们定位不同类型的元素，特别是表单form元素的操作，比如说input[type="text"],input[type="checkbox"]等
[attr*="value"]能在网站中帮助我们匹配不同类型的文件

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

2016-07-27

洛晓晔

浏览器支持：

[att=val]、[att]、[att|=val]、[att~=val] 属于CSS 2.1规范
[ns|attr]、[att^=val]、[att*=val]、[att$=val] 属于CSS3规范
[name!="value"] 属于jQuery 扩展的选择器

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

2016-07-27

飞过那座山

在练习时，一下子就理解了：first与：first-child的区别

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

2016-07-27

洛晓晔

1.IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的
2,getElementById的参数在IE8及较低的版本不区分大小写
3,IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A
IE8及较低的版本，浏览器不支持getElementsByClassName

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

2016-07-27

洛晓晔

var $div = $('div') //jQuery对象
var div = $div[0] //转化成DOM对象
div.style.color = 'red' //操作dom对象的属性

var $div = $('div') //jQuery对象
var div = $div.get(0) //通过get方法，转化成DOM对象
div.style.color = 'red' //操作dom对象的属性

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

2016-07-27

洛晓晔

通过标准的JavaScript操作DOM与jQuyer操作DOM的对比，我们不难发现：

通过jQuery方法包装后的对象，是jQuery对象，它是一个新的对象
jQuery与DOM对象完全不是同一个东西，但是又似曾相似，因为他们都能处理DOM
通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容问题，我们可以通过jQuery更友好的API进行开发，同时代码也会更加精短

0 1-4 jQuery对象与DOM对象

2016-07-27

qq_望风灬莫回眸_03605772

nice！jQuery这门课确实nice！为啥还没有出Angular JS相关的教程/(ㄒoㄒ)/~~？

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

2016-07-27

洛晓晔

$(document).ready 的意思是等页面的文档（document）中的节点都加载完毕后，在执行后续的代码，

1 1-3 jQueryHelloWorld体验

2016-07-27

洛晓晔

jQuery 只是一个库，不需要特别的安装，只需要我们在页面 <head> 标签内中通过 script 标签脚本引入 jQuery 库即可。
jQuery 分 2 个系列版本 1.x 与 2.x，主要的区别在于 2.x 不再兼容 IE6、7、8 为移动端而优化，由于减少了一些代码，使得该版本比 jQuery 1.x 更小且更快。

0 1-2 环境搭建

2016-07-27

首页上一页 201 202 203 204 205 206 207 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础 (一)—样式篇