慕课网

jQuery基础 (一)—样式篇

最热最新

锦色流年

别忘了类选择器的小点点. .last-div

查看全部

0 采集收起来源：jQuery选择器之子元素筛选选择器
2017-09-04
慕粉3169703

addEventListener()绑定事件的对象方法。addEventListener()含有三个参数，一个是事件名称，另一个是事件执行的函数，最后一个是事件捕获，obj.addEventListener("click",function(){},true/false);以往的方法定义事件的话后面的会覆盖掉前面的事件函数，但是按这种方式写的话几个事件函数都会执行，最后是true和false的解释，事件在执行时都会有俩个流，一个是捕获事件流，另一个是冒泡事件流，进来的事件是捕获事件，出去的事件是冒泡事件，true的话会捕获进来时的，false的话会捕获出去时的

查看全部

2 采集收起来源：jQuery选择器之特殊选择器this
2018-03-22
番茄酱_

innerHTML和innerText的区别,回头再看

查看全部

0 采集收起来源：jQuery的属性与样式之html()及.text()
2017-09-03
qq_遇见更好的自己_1

id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的

查看全部

0 采集收起来源：jQuery选择器之id选择器
2017-09-02
锦色流年

你把里边的那个.html改为.append，就能出现正常结果了，因为HTML虽然也是添加内容，但会覆盖以前的，虽然进行六次，但也覆盖六次最终只显示最后一次的。。改为这个$("#show").append('元素的长度的 = ' + ele.length+"<br/>")，，正确结果如下：

查看全部

2 采集收起来源：jQuery选择器之可见性筛选选择器
2018-03-22
锦色流年

visibility: hidden 和 opacity: 0，到底是可见还是不可见啊 1. 从显示效果来看，在界面上是看不见的，相当于是透明的； 2. 在文档流中还是存在的，所以用选择器$(":hidden")筛选的时候是false,$(":visible")筛选的时候是true 可见性筛选选择器 $(":visible") 选择所有显示的元素； $(":hidden") 选择所有隐藏的元素；我们有几种方式可以隐藏一个元素： 1.CSS display的值是none。 2.type="hidden"的表单元素。 3.宽度和高度都显式设置为0。 4.一个祖先元素是隐藏的，该元素是不会在页面上显示 5.CSS visibility的值是hidden 6.CSS opacity的指是0

查看全部

0 采集收起来源：jQuery选择器之可见性筛选选择器
2018-03-22
锦色流年

instanceof返回的数据类型是布尔型，也就是true和false 如果元素中占据文档中一定的空间,元素被认为是可见的。可见元素的宽度或高度，是大于零。元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。

查看全部

0 采集收起来源：jQuery选择器之可见性筛选选择器
2017-09-01
锦色流年

<span> 标签被用来组合文档中的行内元素使用 <div> 会自动换行，使用 <span> 就会保持同行。 $(".div:contains(':contains')"):查找所有class="div"中DOM元素中包含"contains"的元素节点（包含指定文本的意思） $(".div:has(span)")：查找所有class="div"中DOM元素中包含"span"的元素节点（包含指定元素的意思） $(".a:parent"):选择所有包含子元素或者文本的a元素父母 $(".a:empty"):与parent相反，找到a元素下面的所有空节点（没有子元素）无子无孙 1.:contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 2.如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 3.:parent与:empty是相反的，两者所涉及的子元素，包括文本节点

查看全部

0 采集收起来源：jQuery选择器之内容筛选选择器
2018-03-22
锦色流年

//:not 选择所有元素去除不匹配给定的选择器的元素 //选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色 $("input:not(:checked)+p").css("background-color", "#CD00CD");

查看全部

0 采集收起来源：jQuery选择器之基本筛选选择器
2018-03-22
锦色流年

$(".aaron:lt(2)").css("color", "#FF0000");冒号后不要多一个空格，不然不会有效果

查看全部

0 采集收起来源：jQuery选择器之基本筛选选择器
2018-03-22
锦色流年

基本筛选选择器 $(":first") 匹配第一个元素 $（":last"）匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器，选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 eq equal $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) gt greater than $(":even") 选取索引值为偶数的元素，从0开始计数 even偶数 $(":odd") 选取索引值为奇数的元素，从0开始计数 odd奇数 $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 lt less than $(":header") 选择所有标题元素，像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素

查看全部

0 采集收起来源：jQuery选择器之基本筛选选择器
2018-03-22
锦色流年

以下是一段HTML结构，通过jQuery的基本选择器，我们有多少方法可以获取？ <div id="left" class="left"></div> $('.left') $('#left') $("div") $("*")

查看全部

0 采集收起来源：练习题
2018-03-22
锦色流年

$('prev > child') 子选择器：选择所有指定“prev”元素中指定的直接子元素“child”元素；只能是直接的儿子女儿 $("ancestor descendant")后代选择器：选择给定祖先元素ancestor的所有后代元素descendant； $("prev + next")相邻兄弟选择器：选择所有接在prev元素后的next，下一个下一个元素；兄弟节点div, +~选择器不能向前选直接看英文也许意思更清晰 prev previous next，选取prev后面的第一个的div兄弟节点 $("prev~siblings ")一般兄弟选择器：匹配“prev”元素后的所有兄弟元素，具有相同的父元素，并匹配过滤siblings选择器选取prev后面的所有的兄弟节点 1~10 ~所有的。 > （大于号）紧跟父子关系如$("div > p")表示选择div下的直接层是p的节点。 + （加号）紧跟兄弟关系如$("div + p")表示选择div同层的左右相邻的p节点。 ~ （波浪线）任意距离兄弟关系如$("div ~ p")表示选择div同层的p节点。 (空格) 任意层父子关系如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。

查看全部

0 采集收起来源：jQuery选择器之层级选择器
2018-03-22
锦色流年

1.在javascript中使用 “var divs = document.getElementsByClassName('aaron');”这样获取的是一个相同类的集合，如果你对这些元素进行操作（例如：修改样式），你必须将这些元素一个一个取出来，分别赋值，你不能对集合divs直接赋值(例如：// divs.style.background="blue";)2.假如你使用jquery的话，例如：$(".imooc")，取得一个集合，但是你可以直接对该集合进行赋值。这样就省略了一个元素一个元素赋值的过程。。 var divs = document.getElementsByClassName('aaron'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; } $(".imooc").css("border", "3px solid red");

查看全部

0 采集收起来源：jQuery选择器之类选择器
2018-03-22
锦色流年

$("div").html()是使用标签选择器获取div标签，并将内容设置为：您好！通过慕课网学习jQuery才是最佳的途径。对应于javascript中的各类选择器，如： $("*") ——所有元素全选择器（*选择器） * {padding: 0; margin: 0;} $("#lastname") ——id="lastname" 的元素 id选择器# $(".intro") ——所有 class="intro" 的元素类选择器。 $("p") ——所有 <p> 元素 $(".intro.demo") ——所有 class="intro" 且 class="demo" 的元素

查看全部

0 采集收起来源：jQueryHelloWorld体验
2018-03-22

首页上一页 220 221 222 223 224 225 226 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式