-
<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';
}查看全部 -
这前一节的function(i,val)i和val分别是些啥呢
查看全部 -
show( $("#div1:visible") ); //div1的CSS display值为none，所以获取不到visible的元素，结果为0
show( $("#div2:visible") ); //div2的宽度和高度都显式设置为0 ，所以获取不到visible的元素，结果为0
show( $("#div3:visible") ); //div3的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局，结果1
show( $("#div1:hidden") ); // 该元素hidden了，获取到一个hidden元素，结果1
show($("#div2:hidden") ); // 该元素hidden了，获取到一个hidden元素，结果1
show( $("#div3:hidden")); // 该元素是visible的，获取不到hidden元素，结果0查看全部 -
$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码
$("div").html
$("div") 是获取当前页面所有 div 标签元素，示例中只有一个 div ，所以获取到的就是那个 div 标签元素。后面的 .html() 的意思就是给 innerHTML 赋值，所以两个合起来的意思就是，先获取 div 元素，然后给获取到的 div 元素的 innerHTML 赋值。
查看全部 -
如果传入的参数是id则在id前加上前缀"#"，用于告诉jQuery我传入的是id；
如果传入的参数是class则在class前加上前缀".",用于告诉jQuery我传入的是class；
如果传入的参数是标签名则无需任何前缀，用于告诉jQuery我传入的是标签名；查看全部 -
$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。
查看全部 -
查找div中name属性为p1的div元素：$('div[name=p1]')<br> 查找div中name属性包含p2的div元素：$('div[p2]')<br> 查找所有div中，有属性name中的值包含一个连字符“-”的div元素：$('div[name|=a]') 查找所有div中，有属性name中的值包含一个连字符“空”的div元素:$('div[name~=a]') 查找所有div中，属性name的值是用imooc开头的:$('div[name^=imooc]') 查找所有div中，属性name的值是用imooc结尾的:$('div[name=$imooc]') 查找所有div中，有属性name中的值包含一个test字符串的div元素:$('div[name*=test]') 查找所有div中，有属性testattr中的值没有包含"true"的div:$('div[name!=testattr]')
查看全部 -
在CSS中，经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;} 通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 描述： $( "*" )查看全部
-
===表示数据和类型都相等查看全部
-
这2个选择器都是 jQuery 延伸出来的，看起来比较简单，但是元素可见性依赖于适用的样式 :hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等 我们有几种方式可以隐藏一个元素： 1. CSS display的值是none。 2. type="hidden"的表单元素。 3. 宽度和高度都显式设置为0。 4. 一个祖先元素是隐藏的，该元素是不会在页面上显示 5. CSS visibility的值是hidden 6. CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。 不在文档中的元素是被认为是不可见的，如果当他们被插入到文档中，jQuery没有办法知道他们是否是可见的，因为元素可见性依赖于适用的样式 display="none"文字不可见，元素同样被认为是不可见的，所以show($("#div1:visible"))返回的值是0，show($("#div1:hidden"))返回的值是1。 height="0";width="0";虽然文字是显示的，但是元素被认为是不可见的。所以show($("#div2:visible"))返回值是0，show($("#div2:hidden"))返回值是1。 visibility:hidden;opacity:0;文字不可见，但是元素被认为是可见的，所以show($("#div3:visible"))返回值是1，show($("#div3:hidden"))返回值是0查看全部
-
$(".div:contains(span)").css("color", "blue");//包含关键字span的div<br> $(".div:has(span)").css("color", "blue");//包含标签span的div $(".div:parent").css("color", "blue")//选择已经当爹的div $(".div:empty").css("color", "blue")//选择空巢的div查看全部
-
学编程，遇到一些简称的代码，去查清楚全称，记忆会更牢固，就比如eq全称是equal(意思是“等于”)；gt全称是greater than(意思是大于)；lt全称是less than(意思是小于)。 筛选选择器 $(":first") 匹配第一个元素 $（":last"） 匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器，选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) $(":even") 选取索引值为偶数的元素，从0开始计数 $(":odd") 选取索引值为奇数的元素，从0开始计数 $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 $(":header") 选择所有标题元素，像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素 这句话什么意思？ $("input:not(:checked)+p").css("background-color", "red"); 选择input中没有被选中的元素，然后找出这些元素的直接兄弟元素；你把这个选择拆开看就好懂了，比如既可以看看$("input")是什么效果，然后是$("input:not(:checked)")是什么效果，最后是$("input:not(:checked)+p")是什么效果，一对比你就比较清楚了。查看全部
-
indexOf方法获取到指定的字符在字符串中第一次出现的位置，从0开始。如果一开始就是e则返回0，如果第二个位置是e则返回1，如果搜完整个字符串都没有e则返回-1 。查看全部
-
: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开始索引查看全部
-
html与.text的异同: .html与.text的方法操作是一样，只是在具体针对处理对象不同 .html处理的是元素内容，.text处理的是文本内容 .html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容所有浏览器查看全部
举报