-
$(":first") 第一个 $(":last") 最后一个 $(":not(selector)") selector是给定的选择器（筛选的条件），所有不符合这个选择器的，将被选中。 $(":eq(index)") 在匹配的集合中选择索引值为index的元素。 $(":even") 选择索引值为偶数的元素，从0开始计数。 $(":odd") 选择索引值为奇数的元素，从0开始计数。 $(":gt(index)") 选择匹配集合中，所有大于给定index(索引值)的元素。 $(":lt(index)") 选择匹配集合中，所有小于等于给定index(索引值)的元素。 $(":header") 选择所有标题元素，eg:h1~h6 $(":lang(language)") 选择指定语言的所有元素。 $(":root") 选择该文档的根元素。 $(":animated") 选择所有正在执行动画效果的元素 $(":not") 选择所有元素去除不匹配给定的选择器的元素查看全部
-
<script type="text/javascript"><br> //子选择器<br> //$('div > p') 选择所有div元素里面的第一个子元素P<br> $('div > p').css("border", "1px groove red");<br> </script><br> <br> <script type="text/javascript"><br> //后代选择器<br> //$('div p') 选择所有div元素里面的p元素<br> $('div p').css("border", "1px groove red");<br> </script><br> <script type="text/javascript"><br> //相邻兄弟选择器<br> //选取prev后面的第一个的div兄弟节点<br> $(".prev+div").css("border", "3px groove blue");<br> </script><br> <br> <script type="text/javascript"><br> //一般相邻选择器<br> //选取prev后面的所有的div兄弟节点<br> $(".prev~div").css("border", "3px groove blue");<br> </script> > （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的查看全部
-
如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象查看全部
-
jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素。 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 //jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引： //var div = $div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
普通处理，通过标准JavaScript处理： var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是DOM对象，通过DOM方法将自己的innerHTML与style属性处理文本与颜色。 jQuery的处理： var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组的对象这个对象里面其实是包含了DOM对象的信息的然后封装了很多操作方法，调用自己的方法html与css处理，得到的效果与标准的JavaScript处理结果是一致的。查看全部
-
$(document).ready 的意思是等页面的文档（document）中的节点都加载完毕后，在执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。 <script type="text/javascript"> $(document).ready(function() { $("div").html("您好！通过慕课网学习jQuery才是最佳的途径。"); }); </script>查看全部
-
jQuery 分 2 个系列版本 1.x 与 2.x，主要的区别 在于 2.x 不再兼容 IE6、7、8 为移动端而优化，由于减少了一些代码，使得该版本比 jQuery 1.x 更小且更快。 如果开发者比较在意老版本 IE 用户，只能使用 jQuery 1.9 及之前的版本了。我们这本课程为了兼容性问题，使用的是 1.9 版本。jQuery 每一个系列版本分为：压缩版(compressed) 与 开发版(development)，我们在开发过程中使用开发版（开发版本便于代码修改及调试），项目上线发布使用压缩版（因为压缩版本体积更小，效率更快）。 jQuery 只是一个库，不需要特别的安装，只需要我们在页面 <head> 标签内中通过 script 标签脚本引入 jQuery 库即可. <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>查看全部
-
$('input:checked + p').css({"display":"block","background-color":"red"});查看全部
-
jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素查看全部
-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> <!-- 使用JS原生语法 --> <script type="text/javascript"> window.onload = function(){ // 通过原生JS语法获取id为imooc1的元素p var p = document.getElementById('imooc1'); // 将元素p在html中内容改变 p.innerHTML = 'P1：您好！通过慕课网学习jQuery才是最佳的途径'; // 将元素p的内容颜色改为红色 p.style.color = 'red'; } </script> <!-- 使用jQuery语法 --> <script type="text/javascript"> $(document).ready(function() { /** * 通过jQuery语法获取id为imooc2的元素获得一个jQuery对象 * 调用该对象的html()方法进行更改内容 * 调用该对象的css()方法进行更改颜色样式 */ var $p = $('#imooc2'); $p.html('P2：您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); }); </script> </head> <body> <p id="imooc1"></p> <p id="imooc2"></p> </body> </html>查看全部
-
DOM对象转化成jQuery对象： 1.通过getElementsByTagName获取到所有div节点的元素，结果是一个dom合集对象，不过这个对象是一个数组合集 var div = document.getElementsByTagName('div'); 2.通过$(div)方法转化成jQuery对象 var $div = $(div); 3.通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。var $first = $div.first(); $first.css('color', 'red');查看全部
-
jQuery对象转化成DOM对象 1.用jQuery找到所有的div元素；var $div = $('div') 2.转化成DOM对象 var div = $div[0] 3.操作dom对象的属性 div.style.color = 'red' 注：数组的索引是从0开始的，也就是第一个元素下标是0查看全部
-
jQuery对象与dom对象的主要区别： 1.通过标准的JavaScript操作DOM与jQuyer操作DOM的对比，我们不难发现： 2.通过jQuery方法包装后的对象，是jQuery对象，它是一个新的对象 jQuery与DOM对象完全不是同一个东西，但是又似曾相似，因为他们都能处理DOM 3.通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容问题，我们可以通过jQuery更友好的API进行开发，同时代码也会更加精短查看全部
-
jQuery环境搭建：<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <script type="text/javascript">alert($) </script>查看全部
举报
0/150
提交
取消