慕课网

jQuery基础 (一)—样式篇

最热最新

weibo_苏打小Q_0

通过.css方法设置的样式属性优先级要高于.addClass方法

查看全部

0 采集收起来源：jQuery的属性与样式之.css()与.addClass()设置样式的区别
2017-10-11
weibo_苏打小Q_0

样式值： .addClass()本质只是针对class的类的增加删除，不能获取到指定样式的属性的值，.css()可以获取到指定的样式值。

查看全部

0 采集收起来源：jQuery的属性与样式之.css()与.addClass()设置样式的区别
2017-10-11
weibo_苏打小Q_0

.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

查看全部

0 采集收起来源：jQuery的属性与样式之.val()
2018-03-22
JimboJin

$("div > p") 子代元素 $("div p") 后代元素 $("div + p") 相邻元素 $("div ~ p") 兄弟元素

查看全部

0 采集收起来源：jQuery选择器之层级选择器
2018-03-22
qq_缘来是你_25

$("#imooc")选择不覆盖，会选择最初id="imooc"的那个元素 $(".imooc")选择带有循环处理，会选择所有的class="imooc"的元素

查看全部

0 采集收起来源：jQuery选择器之类选择器
2018-03-22
weibo_苏打小Q_0

换成jQuery的做法： $('p').click(function(){ //把p元素转化成jQuery的对象 var $this= $(this) $this.css('color','red') }) 通过把$()方法传入当前的元素对象的引用this，把这个this加工成jQuery对象，我们就可以用jQuery提供的快捷方法直接处理样式了总体： this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。

查看全部

0 采集收起来源：jQuery选择器之特殊选择器this
2017-10-11
weibo_苏打小Q_0

在CSS中，经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;} 通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素描述： $( "*" ) 抛开jQuery，如果要获取文档中所有的元素，通过document.getElementsByTagName()中传递"*"同样可以获取到

查看全部

0 采集收起来源：jQuery选择器之全选择器（*选择器）
2018-03-22
weibo_苏打小Q_0

<script type="text/javascript"> //通过原生方法处理 //获取到所有的节点标记名为div的元素 //给每一个div加上蓝色的边框 var divs = document.getElementsByTagName('div'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; } </script> <script type="text/javascript"> //通过jQuery直接传入标签名p //标签是可以多个的，所以得到的同样也是一个合集 $("p").css("border", "3px solid red"); </script>

查看全部

0 采集收起来源：jQuery选择器之元素选择器
2018-03-22
weibo_苏打小Q_0

jQuery除了选择上的简单，而且没有再次使用循环处理

查看全部

0 采集收起来源：jQuery选择器之类选择器
2017-10-11
qq_缘来是你_25

jQuery对象和DOM对象的区别： <p id="top"></p> 普通处理，通过标准JavaScript处理： var a = document.getElementById("top"); //通过DOM模型提供的document.getElementById("top")方法获取的DOM匀速就是一个DOM对象，再通过innerHTML与style属性处理文本与颜色。 a.innerHTML = "你好";

查看全部

0 采集收起来源：jQuery对象与DOM对象
2018-03-22
qq_心想_1

我觉得老师应该说一下：如果传入的参数是id则在id前加上前缀"#"，用于告诉jQuery我传入的是id；如果传入的参数是class则在class前加上前缀".",用于告诉jQuery我传入的是class；如果传入的参数是标签名则无需任何前缀，用于告诉jQuery我传入的是标签名；不然很多同学会疑惑为什么id明明是imooc却非要传入"#imooc"呢，因为前缀"#"是用于告诉jQuery我是id的呀！即jQuery通过不同的前缀区分用户传入的参数的类型。

查看全部

0 采集收起来源：jQuery选择器之元素选择器
2018-03-22
qq_心想_1

> （大于号）紧跟父子关系如$("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
qq_黑白琴键_0

> （大于号）紧跟父子关系如$("div > p")表示选择div下的直接层是p的节点。 + （加号）紧跟兄弟关系如$("div + p")表示选择div"同层"的"紧跟"div"后面"的"第一个p"节点! (空格) 任意层父子关系如$("div p")表示选择div下的p节点（不管中间隔多少层）。 , (逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。 ~ (波浪线)$("div ~ p")表示匹配"div"元素之后(是它后面的)的所有兄弟元素,具备相同的父元素

查看全部

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

$("div > p") 子代元素 $("div p") 后代元素 $("div + p") 相邻元素 $("div ~ p") 兄弟元素 class选择器 $(".classname")

查看全部

0 采集收起来源：jQuery选择器之层级选择器
2018-03-22
勿忘3313579

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。所以-1 !== className.indexOf('imooc')是指className里包含了字符串“imooc”。

查看全部

0 采集收起来源：jQuery的属性与样式之增加样式.addClass()
2017-10-10

首页上一页 199 200 201 202 203 204 205 下一页尾页

0/150

提交

取消

开始学习

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

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