-
元素有显示状态与隐藏状态，jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden :hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等 不在文档中的元素是被认为是不可见的，如果当他们被插入到文档中，jQuery没有办法知道他们是否是可见的，因为元素可见性依赖于适用的样式 比如一个元素<p>我是个大帅逼</p>,假设它只存在于你的脑子里，别人当然看不见这个p元素，即不可见。如果这个<p></p>被插入dom中,当你用$("p")选择它的时候，jQuery能选择到，但这个p不一定能在页面上显示出来，因为这个P可能附带属性<p >或者被css样式影藏(.css文件中的display：none；) 我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 p 标签的内容在设置宽高为零的情况下 溢出容器了 在没有设置 overflow：hidden的情况下 溢出的内容默认可见 此题中div2查看全部
-
内容筛选选择器： $(":contains(text)") 选择所有包含指定文本的元素 文本也要用引号 $(".div:contains(':contains')")但是不能再用双引号了 用单引号 选择所有包含指定文本的元素 :contains()选择器中括号内的文字，可为纯文本，或用引号包围 而.test()方法是来检测一个字符串是否匹配某个模式 $(":parent") 选择所有含有子元素或者文本的元素 $(":empty") 选择所有没有子元素或者文本节点的元素 $(":has(selector)") 选择元素中至少包含指定选择器的元素 可以是标签也可以是id名... 注意： :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素。 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点。查看全部
-
:not 选择所有元素去除不匹配给定的选择器的元素 选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色 此时按照属性排除 $("input:not(:checked)+p").css("background-color", "#CD00CD"); 前面一般有某某元素的说明 在这种元素范围内进一步缩小范围 有点类似css的伪类 $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":eq(index)") 在匹配的集合中选择索引值为 index 的元素 $(":lt(index)") 选择匹配集合中所有小于给定 index （索引值）的元素 $(":gt(index)") 选择匹配集合中所有大于给定 index （索引值）的元素 所以从下一个开始记 $(":even") 选择索引值为偶数的元素，从 0 开始计数 $(":odd") 选择索引值为奇数的元素，从 0 开始计数 $(":header") 选择所有标题元素，像 H1 、 H2 、 H3 等 $(":animated") 选择所有正在执行动画效果的元素 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":not(selector)") 一个用来过滤的选择器，选择所有元素去除不匹配给定的选择器元素 注意jQuery合集都是从0开始索引查看全部
-
层级选择器： 1.子选择器：> （大于号）紧跟父子关系，如$("div > p")表示选择div下的直接层是p的节点。 2.相邻兄弟选择器：+ （加号）紧跟兄弟关系，如$("div + p")表示选择div同层的紧跟div后面的第一个p节点。 3.后代选择器： （空格）任意层父子关系，如$("div p")表示选择div下的p节点（不管中间隔多少层）。 4.组合选择器：, （逗号）表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。 5.一般兄弟选择器：~ （波浪线）匹配所有兄弟元素，如$("div ~ p")表示匹配div元素之后的所有兄弟元素p，必须在同一父元素下。 +~选择器不能向前选择查看全部
-
var elements2 = $("*") var elements1 = document.getElementsByTagName('*'); 都是指所有元素查看全部
-
搜索指定元素标签名的所有节点$( "element" ) var divs = document.getElementsByTagName('div'); 同样的效果，$("p")选取所有的<p>元素，通过css方法直接赋予样式 只要用双引号扩起来元素标签名即可查看全部
-
$( ".class" ) 比较原生与jQuery可发现 jQuery除了选择上的简单，而且没有再次使用循环处理 $(".imooc").css("border", "3px solid red 一句话即可 而原生需var divs = document.getElementsByClassName('aaron'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; 获得数组 循环遍历查看全部
-
$( "#id" ) id是唯一的，每个id值在一个页面中只能使用一次。 如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生; 有超过一个元素的页面使用相同的id是无效的 反正值匹配第一个 后面的肯定无效了查看全部
-
开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法 如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 当里面是dom对象就变成jQuery了 var $first = $div.first(); //找到第一个div元素 记住一定不要忘记$ 第一个用的是.first() $first.css('color', 'red'); //给第一个元素设置颜色查看全部
-
!!!正常情况下，代码解析是从上到下的，所以，要注意顺序；像是js加了window.onload；jQuery加$(document).ready(),就可以不用在意顺序了 表示的是文档全部加载完毕后执行的js 所以在进行js代码运行时 注意看是否能get到需要的值 对象 jQuery是一个类数组 即有下标从0开始 有长度 对象，而DOM对象就是一个单独的DOM元素。 var $div = $('div') //jQuery对象 var div = $div[0] 或者 var div =$div.get(0)//转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组对象，与DOM对象完全不同。这个对象里面包含了DOM对象的信息，然后封装了很多操作方法，调用自己的方法html与css，得到的效果与标准的JavaScript处理结果是一致的。查看全部
-
$(document).ready(...) 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。括号里面可以是整个段的大函数 注意）}使用查看全部
-
jQuery是一个JavaScript脚本库，不需要特别的安装，只需要我们在页面 <head> 标签内中，通过 script 标签引入 jQuery 库即可。 <script type="text/javascript" src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script> 放在head里 引入地址可以是自己本地的，也可以是别人网站的。这种在在线编辑器中可以随便调用别人的地址（像百度的CDN，bootstrap的CDN等），只要是正确的都可以。如果是自己的项目就尽量用自己本地的 <script type="text/javascript"> alert($) </script> 放在body里检测会弹出相应信息表示搭建成功查看全部
-
this $(this)查看全部
-
表单属性 ed 2018.01.29查看全部
举报
0/150
提交
取消