-
jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素。查看全部
-
差异：同上 ，js需要做循环 <script type="text/javascript"> //通过原生方法处理 //获取到所有的节点标记名为div的元素 //给每一个div加上蓝色的边框 var divs = document.getElementsByTagName('div'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; } </script> <script type="text/javascript"> //通过jQuery直接传入标签名p //标签是可以多个的，所以得到的同样也是一个合集 $("div").css("border", "3px solid red"); </script>查看全部
-
差异：原生JS需要for循环给类选择的对象做循环，而jq不需要 <script type="text/javascript"> //通过原生方法处理 //样式是可以多选的，所以得到的是一个合集 //需要通过循环给合集中每一个元素修改样式 var divs = document.getElementsByClassName('aaron'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; } </script> <script type="text/javascript"> //通过jQuery直接传入class //class选择器可以选择多个元素 $(".imooc").css("border", "3px solid red"); </script>查看全部
-
var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色查看全部
-
(jq对象是一个数组结构) Query对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引： var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法，转化成DOM对象,(等同于div = $div[0]) div.style.color = 'red' //操作dom对象的属性 其实我们翻开源码，看看就知道了，get方法就是利用的第一种方式处理的，只是包装成一个get让开发者更直接方便的使用。查看全部
-
通过标准JavaScript处理： var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; jQuery的处理： var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 1、通过jQuery方法包装后的对象，是jQuery对象，它是一个新的对象 2、jQuery与DOM对象完全不是同一个东西，但是又似曾相似，因为他们都能处理DOM 3、通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容问题，我们可以通过jQuery更友好的API进行开发，同时代码也会更加精短查看全部
-
$(document).ready 的意思是等页面的文档（document）中的节点都加载完毕后，在执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。 $("div").html("hello word"); 相当于 documen.innerHTML = "hello word";查看全部
-
进入官方网站获取最新的版本 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)，我们在开发过程中使用开发版（开发版本便于代码修改及调试），项目上线发布使用压缩版（因为压缩版本体积更小，效率更快）。查看全部
-
$(":first") 第一个<br> $(":last") 最后一个<br> $(":not(selector)") selector是给定的选择器（筛选的条件），所有不符合这个选择器的，将被选中。<br> $(":eq(index)") 在匹配的集合中选择索引值为index的元素。<br> $(":even") 选择索引值为偶数的元素，从0开始计数。<br> $(":odd") 选择索引值为奇数的元素，从0开始计数。<br> $(":gt(index)") 选择匹配集合中，所有大于给定index(索引值)的元素。<br> $(":lt(index)") 选择匹配集合中，所有小于给定index(索引值)的元素。<br> $(":header") 选择所有标题元素，eg:h1~h6<br> $(":lang(language)") 选择指定语言的所有元素。<br> $(":root") 选择该文档的根元素。<br> $(":animated") 选择所有正在执行动画效果的元素。<br> <br> 注意：所有jQuery合集都是从0开始索引。<br> <br> html代码：<input type="checkbox"><br> <p>段落</p><br> 所有input中，没有checked属性的input,选择它的同级元素P：<br> $("input:not(:checked) + p")<br> :checked是个选择器，not(:checked)不符合这个选择器的查看全部
-
在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型的元素，特别是表单form元素的操作，比如说input[type="text"],input[type="checkbox"]等 [attr*="value"]能在网站中帮助我们匹配不同类型的文件查看全部
-
1、jQuery基础修炼圣典—样式篇 http://www.imooc.com/learn/418 2、jQuery基础修炼圣典—DOM篇 http://www.imooc.com/learn/530 3、jQuery基础修炼圣典—事件篇 http://www.imooc.com/view/429 4、jQuery基础修炼圣典—动画篇 http://www.imooc.com/view/430查看全部
-
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
.html针对的是文档，包括文本和文档结构 .text针对的是文本，不包含结构查看全部
-
查找所有input所有可用的（未被禁用的元素）input元素。 $('input:enabled').css("border", "2px groove red"); 查找所有input所有不可用的（被禁用的元素）input元素。 $('input:disabled').css("border", "2px groove blue"); 查找所有input所有勾选的元素(单选框,复选框) //删除这个勾选的元素 $('input:checked').removeAttr('checked') 查找所有option元素中,有selected属性被选中的选项 //删除这个选中的元素 $('option:selected').removeAttr('selected')查看全部
-
除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')查看全部
举报
0/150
提交
取消