-
【环境搭建】 进入官方网站获取最新的版本 http://jquery.com/download/ ，这里需要注意jQuery分为2个系列版本 1.x与2.x，主要的区别在于2.x不再兼容IE6、7、8浏览器，这样做的目的是为了兼容移动端开发。 由于减少了一些代码，使得该版本比jQuery1.x更小、更快。 如果开发者比较在意老版本IE用户，只能使用jQuery1.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> function(selector,context){ //The jQuery object is actually just the init constructor 'enhanced' //Need init if jQuery is called (just allow error to be thrown if not included) return new jQuery.fn.init(selector,context);} alert弹出以上信息，说明环境已经搭建成功了。 【任务】 在第5行中填入：百度在线jQuery库。 【不会了怎么办】 无。查看全部
-
<script type="text/javascript"> $(".left").click(function (){ var ele=$(this); $.data(ele,'a',"data test"); $.data(ele,'b',{name:"慕客网"}); var reset=$.data(ele,'a')+'</br>'+$.data(ele,'b').name; $ele.find('span').append(reset); }) </script> <script type="text/javascript"> $(".right").click(function (){ var ele=$(this); ele.data('a','data test'); ele.data('b',{name：“慕客网”}); var reset=ele.data(ele,'a')+'</br>'+ele.data(ele,'b').name; ele.find('span').append(reset); }) </script> 自己写就错，第一次写的，后面再次拿出看能不能找出错误查看全部
-
//子选择器 //$('div > p') 选择所有div元素里面的第一个子元素P $("div>p").css("border", "1px groove red"); //后代选择器 //$('div p') 选择所有div元素里面的p元素 $("div p").css("border", "1px groove red");查看全部
-
id选择器：一个用来查找的ID，即元素的id属性 $( "#id" ) id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器 值得注意： id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的查看全部
-
回调函数里$(".left a:first")指的是第二个div里的第一个a，因为第一个div里的结构通过$(".left div:first").html('整个div的子节点都被替换了')改变了，里面没有a标签了查看全部
-
如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见(":visible")的，因为他们仍然占用空间布局查看全部
-
$("div >p") div的第一代子元素 $(".prev + div") 选择所有紧接（注意：紧接）在prev后面的div元素查看全部
-
a:nth-child（9）的意思是找到a的父元素的第9个子元素，而这个列表中第一个子元素是<p>标签，所以每一个a标签实际的位置都想对他标出的顺序向后面移了一位查看全部
-
$("input")只选择input标签.如：<input id="" type="" name="" /> ; $(":input")是伪类选择，不单单是input，还包括textarea和select,button.如<input />,<textarea></textarea>,<select></select>查看全部
-
nth-child(index)从1开始的，而eq(index)是从0开始的查看全部
-
1.display:none; 2.type="hidden"的表单元素 3.height:0;width:0; 4.祖先元素是隐藏的查看全部
-
基本筛选选择器针对的都是元素DOM节点，如果我们要通过内容来过滤，jQuery也提供了一组内容筛选选择器，当然其规则也会体现在它所包含的子元素或者文本内容上 内容过滤器描述如下表： 注意事项： :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
text():设置或返回被选元素的文本内容 html():设置或返回被选元素的内容（ps:选中元素里面还有元素标签，里面所包含的元素标签将全部显示，如果只有文本内容，那么就只会设置内容）查看全部
-
总结： .addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则 如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式查看全部
-
attr():设置或返回匹配元素的属性和值（ps:必须是属性里面必含的值） removeAttr():从所有匹配的元素中移除指定的属性查看全部
举报
0/150
提交
取消