慕课网

jQuery基础 (一)—样式篇

最热最新

突然出现的外星人3776799

层级选择器：子选择器 > 后代选择器相邻兄弟选择器+ 一般兄弟选择器~ 用法就不说了，和css一样

查看全部

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

attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr(属性名,函数值)：设置属性的函数值 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … }

查看全部

0 采集收起来源：jQuery的属性与样式之.attr()与.removeAttr()
2016-09-29
突然出现的外星人3776799

*代表全部元素

查看全部

0 采集收起来源：jQuery选择器之全选择器（*选择器）
2016-09-29
突然出现的外星人3776799

元素选择器，和CSS一样，不多说了

查看全部

0 采集收起来源：jQuery选择器之元素选择器
2016-09-29
突然出现的外星人3776799

jQuery选择器完美支持CSS3里的写法 class选择器： $(".class名"); 这个选择器可以同时设置多个相同类名的样式，和CSS3一样的在JS中要对相同类名的元素处理样式时，需要使用循环而在jQuery中不用，它是自带循环的

查看全部

0 采集收起来源：jQuery选择器之类选择器
2018-03-22
突然出现的外星人3776799

通过ID查找元素： $("#id");

查看全部

0 采集收起来源：jQuery选择器之id选择器
2018-03-22
突然出现的外星人3776799

将DOM对象转换为jQuery对象 $();这个方法不仅可以获取jQuery对象，也能将DOM对象转换为jQuery对象 var div=document.getElementsByTagName("div");//这是一个DOM对象转换为jQuery对象： var $div=$(div);//注意，用于转换是，()里面是没有引号的 var $first=$div.first();//这是获取jQuery数组对象中的第一个对象 $first.css("color","red");

查看全部

0 采集收起来源：DOM对象转化成jQuery对象
2018-03-22
突然出现的外星人3776799

jQuery对象转换成DOM对象有两种方法 var $div=$("div");//这是一个jQuery对象，是一个数组结构转换为DOM对象: 方法1：var dis=$div[0];//直接通过数组下标转换方法2：var div=$div.get(0);//通过jQuery的get()方法转换，里面放下标

查看全部

0 采集收起来源：jQuery对象转化成DOM对象
2018-03-22
四夕兮

环境搭建版本区别：2.x版本不再兼容IE6、7、8浏览器，这样做的目的是为了兼容移动端开发。在意兼容性问题的使用1.9及之前的版本。 jQuery 每一个系列版本分为：压缩版(compressed) 与开发版(development)，我们在开发过程中使用开发版（开发版本便于代码修改及调试），项目上线发布使用压缩版（因为压缩版本体积更小，效率更快）。 jQuery是一个JavaScript脚本库，不需要特别的安装，只需要我们在页面 <head> 标签内中，通过 script 标签引入 jQuery 库即可。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <title>环境搭建</title> </head> <body> <script type="text/javascript"> alert($) </script> </body> </html>

查看全部

0 采集收起来源：环境搭建
2018-03-22
shaoguozheng_1501

$(".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

查看全部

0 采集收起来源：jQuery选择器之内容筛选选择器
2018-03-22
衣染

$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器 $( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器

查看全部

0 采集收起来源：练习题
2018-03-22
衣染

$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器

查看全部

0 采集收起来源：练习题
2018-03-22
打开新的标签页_1

<script type="text/javascript"> //相邻兄弟选择器 //选取prev后面的第一个的div兄弟节点 $(".prev + div").css("border", "3px groove blue"); </script> <script type="text/javascript"> //一般相邻选择器 //选取prev后面的所有的div兄弟节点 $(".prev ~ div").css("border", "3px groove blue"); </script>

查看全部

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

.html(),.text()和.val()的差异总结： .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
yesopst

.html()不传入值，获取集合中第一个匹配元素的HTML内容 .html(htmlstring)设置每一个匹配元素的html内容 .html(function(index,oldhtml))用来返回设置HTML内容的一个函数 .text()得到匹配元素集合中每个元素的合并文本，包括他们的后代 .text(textString)用于设置匹配元素内容的文本 .text(function(index,text))用来返回设置文本内容的一个函数 .html与.text的异同 .html与.text的方法操作是一样，只是在具体针对处理对象不同 .html处理的是元素内容，.text处理的是文本内容 .html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容所有浏览器

查看全部

0 采集收起来源：jQuery的属性与样式之html()及.text()
2016-09-29

首页上一页 600 601 602 603 604 605 606 下一页尾页

0/150

提交

取消

开始学习

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

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