认识JQuery的三天--看视频得到的一些小知识点

（1）

1.HTML负责页面内容，CSS负责页面样式，JavaScript负责页面行为

2.HTML中应该有DOCTYPE来告知浏览器的渲染显示方式

3.可以先定义div或span节点用于以后显示服务器返回数据

4.border属性可以控制页面元素的边框

5.background-***可以控制背景图，以及背景图的位置，重复显示的方式

6.可以通过#idname或.classname的方式来个制定的html节点定义样式

7.可以通过$(document).ready(function(){})的方式来定义页面装载完成时，需要执行的方法

8.可以通过$()方法来获得页面的指定节点，参数是某种css的选择器

9.可以在$()方法返回的jquery对象上执行各种Jquery()的方法来获取数据，定义事件，执行操作。

10.val()方法可以获得节点的value属性值

11.html()方法可以设定某个节点中的html内容

12.click()方法可以响应鼠标点击事件

13.keyup()方法可以响应键盘弹起的事件

14.$get()方法可以和服务器端进行get方式的交互，注册的callback方法会在数据回来的时候被调用，这儿方法会接收到代表服务器端返回数据的一个纯文本的参数

15.addClass() removeClass()方法可以给某个节点添加或删除一个class

16.发送给服务器端的数据在JavaScript中做两次encodeURI，然后在服务器端的代码中按UTF-8的方式做一次URLDecode，可以解决中文乱码问题

（2）

1.table中可以包含thead和tbody

2.表头的内容可以放到th中

3.table{}这种写法称作标签选择器，可以对整个页面所有table产生影响

4.table td{}这种写法表示的是table中包含的所有td

5.可以通过border-collapse：collapse这种方式来使表格中的单元格的边框合并。

6.当th上由背景色时，这个th属于的tr上定义的背景色会无效

7.$(function(){})是$(document).ready(function(){})的简化写法

8.$("tbody tr")可以返回tbody中的所有tr节点

9.$("tbody tr:even")可以返回tbody中所有索引值是偶数的tr节点

10.css方法可以用于设定或获取节点的css属性，参数名是css的属性名

11.JQuery的对象内容包含着选择器对应的DOM节点，以数组形式保存

12.get方法可以获得JQuery对象中包含的某一个DOM节点

13.function中的this代表执行这个function的对象

14.$()方法的参数是一个DOM对象时，这个方法相当于把DOM对象转换成JQuery对象

15.children方法可以获得牟恩节点的子节点，可以制定参数来限制子节点的内容

16.如果选择器返回的JQuery对象中包含多个DOM节点，在这个对象中注册类似click这样的事件时，所有DOM节点都会用于事件

17.html方法可以设置或获取节点的HTML内容

18.val方法可以获取或设置节点的value值

19.$()方法的参数如果是一段正确的HTML文本，则可以创建一个OM节点，并包装成JQuery对象

20.JQuery大部分方法都会返回执行这个方法的JQuery对象，因此可以采用链式方法的写法来编写给予JQuery的代码

21.width方法可以设置或获取某个节点的宽度

22.appendTo方法可以将一个节点追加到另一个节点所有子节点的后面

23.阻止事件传递可以让当前节点的事件返回false

24.trigger方法可以出发某个JavaScript的事件发生‘

25.JQuery中某个时间方法的参数function上可以定义一个event的参数，JQuery会屏蔽浏览器的event差异，传给我们一个可用的event对象

26.JQuery的event对象上有一个which的属性可以获得键盘按键的键值

27.13表示回车键，27表示ESC键

（3）

1.页面中的菜单项可以通过嵌套的ul和li来表示

2.菜单最外层为ul，一层每个主菜单放在一个li中，如果有子菜单，在这个主菜单的li中建立新的ul，再一次嵌套即可构建多层的菜单

3.浏览器中ul和li元素默认情况下文字前都有圆点标识符，li元素会有缩进。opera浏览器比较特殊，li的标识符和其他浏览器不同

4.list-style属性值为none时，可以清除ul和li前面的小圆点

5.清除子菜单的缩进值，需要padding和margin都为0，其中IE6和IE7只有margin为0的时候才可以清除缩进值

6.可以使用background-image来指定一个元素的背景图，如果背景图比元素的实际大小要小，那么背景图会自动在横向和纵向上重复显示，直到填满整个区域

7.可以使用background-repeat来控制背景图的重复填充方式

8.如果一个元素上同时定义了背景图和背景色，那么有背景图的地方是不会显示背景色的

9.text-decoration属性值为none时，可以取消文字上的下划线

10.background-position可以控制背景图的位置，属性值既可以用数值，也可以用center，left，top这些值来控制横向和纵向的位置。这个属性的两个值，第一个对应横向，第二个对应纵向

11.background-image的值为none表示没有背景图

12.background-repeat的值为no-repeat时，背景图不会再所在的区域中重复显示

13.IE6以外的其他浏览器可以通过设定display的值为block来让a元素充满所在的区域。对于IE6.则需要设定display为inline-block，同时设定a的宽度

14.display的值为none可以用于隐藏元素。

15. ..main a和.main > a的不同之处，前者选择使用了.main的这个class元素内部所有的a节点，后者只选择.main的子节点中的a节点

16.show，hide方法可以用于显示或隐藏元素，没有参数时的效果和修改css的display属性效果一样。参数可以是单位为毫秒的数字，或者是‘slow’，‘normal’，‘fast’，这三个文字，都可以来控制完成显示或隐藏需要的时间。注意这是动画效果是靠不断改变元素的宽度和高度来实现的。

17.toggle方法更为强大，可以省去我们判断元素是显示还是隐藏的状态，直接让显示的元素隐藏起来，隐藏的元素显示出来。参数使用方法和show，hide相同。

18.slideDown，slideUp可以实现向下或向上卷动的效果，实际上是通过指定时间内修改元素的高度来实现动画效果。需要注意的是这两个方法参数为空的情况和show，hide不同。

19.slideToggle和toggle达到的效果类似

20.DOCTYPE对于JQuery的动画是有影响的。没有DOCTYPE定义时，在IE中，JQuery的动画会出现闪烁的糟糕效果。

21.float的值是left，可以使原本各自位于一行的元素全部在一行中向左浮动

22.可以给多个选择器定义同样的样式，选择器之间用，分隔。同样对于JQuery的$方法，也可以传入多个选择器

转载于:https://www.cnblogs.com/jinlindb/p/6653731.html

认识JQuery的三天--看视频得到的一些小知识点相关推荐

百度网盘电脑端看视频声音巨小的解决办法（windows10）
我电脑一用百度网盘看视频声音就巨小,不得已每次都得带耳机,真担心我的耳朵受不了. 于是,我开始寻找解决方案,最终俺是这么解决的. 首先,找到电脑底部导航栏的音量键,并右击选择打开音量合成器可以看到当 ...
模拟儿童学习多语言，Deepmind让DL看视频就学会翻译
点击上方"AI遇见机器学习",选择"星标"公众号重磅干货,第一时间送达来自:新智元 [导读]小孩儿是怎么学多种语言的?只通过观察,就同时掌握了不同语言.如何 ...
学python是看书还是看视频-学 Python 你觉得是看书还是看视频？
大家好,这是首发在我公众号「Python空间」的第 87 篇文章,想看更多的文章或者加我欢迎关注,我们一起交流. 今天有个新关注的读者在后台问了这么一个问题:"我准备开始学 Python,是 ...
chrome扩展推荐 - 原生chrome浏览器小窗口看视频 - PIP Video
这个真的不能没有- 首先要感谢国内各种浏览器的看视频小窗口弹出功能,方便的不要不要的,话说这个东东应该是搜狗浏览器最先搞出来的,现在搜狗在哪里???在哪里???? 可惜我是一个喜欢用原生chrome浏 ...
计算机也可以看“视频”，理解“视频”
计算机也可以看"视频",理解"视频" 2016-08-08 15:56 高婓 0条评论联合编译: 高斐章敏摘要我们将在文中介绍一种用于视频中动作检测的 ...
JQuery 基础 || 目前 jQuery 有三个大版本||JQuery快速入门
1. 概念: 一个JavaScript框架.简化JS开发 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScrip ...
DL：听着歌曲《成都》三分钟看遍主流的深度学习的神经网络的发展框架(1950~2018)
DL:听着歌曲<成都>三分钟看遍主流的深度学习的神经网络的发展框架(1950~2018) 视频链接:听着歌曲<成都>三分钟看遍主流的深度神经网络的发展框架(1950~2018) ...
jQuery的三种bind/One/Live/On事件绑定使用方法
转载自 jQuery的三种bind/One/Live/On事件绑定使用方法 jQuery是一款优秀的JavaScript框架,在旧版里主要用bind()方法,在新版里又多了两种One(),Liv ...
华为nova3e怎么分屏_华为手机怎么分屏？边看视频边聊微信！不是所有手机都能做到...
阅读本文前,请您先点击上面的蓝色字体"自媒创业",再点击"关注",这样您就可以继续免费收到最新文章了.每天都有分享.完全是免费订阅,请放心关注为什么很多时候电 ...
怎么在看视频时保持电脑屏幕不灭，干货到，WIN10如何设置电脑屏幕一直亮着
在使用电脑看视频的时候,电脑的屏幕在一段时间不操作的时候会自动进入黑屏,影响到我们观看视频,那么如何解决这个问题呢,小编今天分享给大家一个方法: 第一步.小编电脑装的是WIN10系统,这里就以WIN1 ...

认识JQuery的三天--看视频得到的一些小知识点

认识JQuery的三天--看视频得到的一些小知识点相关推荐

最新文章

热门文章