-
jQueryHelloWorld体验 代码分析： $(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
全选择器：$( "*" )查看全部
-
$("parent>Child") 子选择器：选择所有指定“parent”元素中指定的“child”的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素，一个元素的后代可能是钙元素的一个孩子、孙子、曾孙等。 $("prev+next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev~slibings") 一般兄弟选择器：匹配“prev”元素之后的所有兄弟元素，具有相同的父元素，并匹配过滤“silbings”选择器查看全部
-
id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DoM元素查看全部
-
visibility:hidden 或opacity:0 被认为是可见的，因为他们仍然占用空间布局。查看全部
-
以下几种方式可隐藏一个元素： 1、CSS display的值是none； 2、type=‘hedden’的表单元素； 3、宽度和高度都显示设置为0； 4、一个祖先元素是隐藏的，该元素是不会再页面上显示； 5、CSS visibility 的值是hidden； 6、CSS opacity的值是0。查看全部
-
环境搭建 进入官方网站获取最新的版本 http://jquery.com/download/ ，这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x，主要的区别在于 2.x 不再兼容 IE6、7、8浏览器，这样做的目的是为了兼容移动端开发。由于减少了一些代码，使得该版本比 jQuery 1.x 更小、更快。 如果开发者比较在意老版本 IE 用户，只能使用 jQuery 1.9 及之前的版本了。我们这本课程为了兼容性问题，使用的是 1.9 版本。jQuery 每一个系列版本分为：压缩版(compressed) 与 开发版(development)，我们在开发过程中使用开发版（开发版本便于代码修改及调试），项目上线发布使用压缩版（因为压缩版本体积更小，效率更快）。 jQuery是一个JavaScript脚本库，不需要特别的安装，只需要我们在页面 <head> 标签内中，通过 script 标签引入 jQuery 库即可。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <title>环境搭建</title> </head> <body> <script type="text/javascript"> alert($) </script> </body> </html>查看全部
-
隐藏一个元素的方法： 1. CSS display的值是none。 2. type="hidden"的表单元素。 3. 宽度和高度都显式设置为0。 4. 一个祖先元素是隐藏的，该元素是不会在页面上显示 5. CSS visibility的值是hidden 6. CSS opacity的指是0查看全部
-
选择器： id选择器中，id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生；有超过一个元素的页面使用相同的id是无效的。查看全部
-
DOM转换为jQuery对象：$(DOM) eg: var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色查看全部
-
jQuery也是一个数组结果。 jQuery对象转换我DOM： 方法1、 var $div = $('div');//jQuery对象 var div = $div[0];//DOM对象 div.style.color='red';//操作DOM对象的属性 方法2、通过jQuery自带的get（）方法 var $div = $('div');//jQuery对象 var div = $div.get(0);//通过get方法，转化为DOM对象 div.style.color = 'red';查看全部
-
jQuery jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素查看全部
-
注意事项： toggleClass是一个互斥的逻辑，也就是通过判断对应的元素上是否存在指定的Class名，如果有就删除，如果没有就增加 toggleClass会保留原有的Class名后新增，通过空格隔开查看全部
-
.indexOf()方法是用来检验是否包含该字符串的，等于-1就是不包含imooc，反之就是包含imooc字符串被查看全部
-
.html(),.text()和.val()的差异总结： .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
举报
0/150
提交
取消