-
容易上手查看全部
-
基本筛选选择器： $(":first")：匹配第一个元素 $(":last")：匹配最后一个元素 $(":not(selector)")：selector是给定的选择器（筛选的条件），所有不符合这个选择器的，将被选中。 $(":eq(index)")：在匹配的集合中选择索引值为index的元素。 $(":even")：选择索引值为偶数的元素，从0开始计数。 $(":odd")：选择索引值为奇数的元素，从0开始计数。 $(":gt(index)")：选择匹配集合中，所有大于给定index(索引值)的元素。 $(":lt(index)")：选择匹配集合中，所有小于等于给定index(索引值)的元素。 $(":header")：选择所有标题元素，如h1,h2,h3等 $(":lang(language)")：选择指定语言的所有元素。 $(":root")：选择该文档的根元素。 $(":animated")：选择所有正在执行动画效果的元素 注意事项： 1、eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引 2、gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始 3、eq全称是equal(意思是“等于”)；gt全称是greater than(意思是大于)；lt全称是less than(意思是小于) $("input:not(checked)+p")解释： “:checked”也是一个筛选选择器，筛选选中的元素，:not用于取非，需要传入一个筛选选择器作为参数，+p是最终筛选结果的相邻兄弟选择器查看全部
-
> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
:hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等 我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。 不在文档中的元素是被认为是不可见的，如果当他们被插入到文档中，jQuery没有办法知道他们是否是可见的，因为元素可见性依赖于适用的样式查看全部
-
如何把jQuery对象转成DOM对象？ 利用数组下标的方式读取d到jQuery中的DOM对象 HTML代码 <div>元素一</div> <div>元素二</div> <div>元素三</div> JavaScript代码 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 数组的索引是从0开始的，也就是第一个元素的下标是0 通过jQuery自带的get()方法 var $div = $('div') //jQuery对象 var div =$div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
jQuery与DOM对象的区别 jQuery是一个类数组对象，DOM是一个单独的DOM元素。 普通处理，通过标准JavaScript处理; var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; jQuery的处理： var $p =$('#imooc'); $p.html('您好！通过慕课网学习jquery才是最佳的途径').css('color','red');查看全部
-
$(document).ready的作用是等页面的文档(document)中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能依赖页面的某一个元素，我们要确保这个元素真正的被加载完毕后才能正确的使用。 语法： $(document).ready(function(){ $("div").html("您好！通过慕课网学习jQuery才是最佳的途径"); });查看全部
-
jQuery是一个JavaScript脚本库，不需安装，只需在页面<head>标签内，通过script标签引入jQuery库即可。查看全部
-
子元素筛选查看全部
-
最后一个有点。。查看全部
-
实际工作当中 这个玩意用的多吗查看全部
-
indexOf()是返回()中字符串出现的位置，从0开始计数，如果没有则返回-1查看全部
-
通过$（dom）方法将普通的dom对象加工成jQuery对象后，我们就可以调用jQuery方法了。 <body> <div>元素一</div> <div>元素二</div> <div>元素三</div> <script type="text/javascript"> var div = document.getElementsByTagName('div'); //dom对象 //将dom节点div转化为$div的jquery对象 var $div = $(div); var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色 </script> </body>查看全部
-
jQuery对象转换成DOM对象： <div>元素一</div> <div>元素二</div> <div>元素三</div> <script type="text/javascript"> var $div = $('div'); //jQuery对象 var div = $div.get(0);//var $div = $div[0]; div.style.color = 'red'; //操作dom对象的属性 </script>查看全部
-
jQuery对象和DOM对象的区别： jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。 <body> <p id="imooc1"></p> <p id="imooc2"></p> </body> <!-- 使用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>查看全部
举报
0/150
提交
取消