慕课网

jQuery基础 (一)—样式篇

最热最新

Johnny_yujun

注意事项： :first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素如果子元素只有一个的话，:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配 jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算

查看全部

0 采集收起来源：jQuery选择器之子元素筛选选择器
2016-08-04
Johnny_yujun

mark

查看全部

0 采集收起来源：jQuery选择器之属性筛选选择器
2016-08-04
Johnny_yujun

我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。宽度和高度都显式设置为0。一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0

查看全部

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

$(":first") 第一个 $(":last") 最后一个 $(":not(selector)") selector是给定的选择器（筛选的条件），所有不符合这个选择器的，将被选中。 $(":eq(index)") 在匹配的集合中选择索引值为index的元素。 $(":even") 选择索引值为偶数的元素，从0开始计数。 $(":odd") 选择索引值为奇数的元素，从0开始计数。 $(":gt(index)") 选择匹配集合中，所有大于给定index(索引值)的元素。 $(":lt(index)") 选择匹配集合中，所有小于等于给定index(索引值)的元素。 $(":header") 选择所有标题元素，eg:h1~h6 $(":lang(language)") 选择指定语言的所有元素。 $(":root") 选择该文档的根元素。 $(":animated") 选择所有正在执行动画效果的元素。

查看全部

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

仔细观察层级选择器之间还是有很多相似与不同点层级选择器都有一个参考节点后代选择器包含子选择器的选择的内容一般兄弟选择器包含相邻兄弟选择的内容相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下

查看全部

0 采集收起来源：jQuery选择器之层级选择器
2016-08-04
Johnny_yujun

通过标准的JavaScript操作DOM与jQuyer操作DOM的对比，我们不难发现：通过jQuery方法包装后的对象，是jQuery对象，它是一个新的对象 jQuery与DOM对象完全不是同一个东西，但是又似曾相似，因为他们都能处理DOM 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容问题，我们可以通过jQuery更友好的API进行开发，同时代码也会更加精短

查看全部

0 采集收起来源：jQuery对象与DOM对象
2016-08-04
Johnny_yujun

Mark:环境搭建 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>

查看全部

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

大概这么个意思，visibility: hidden 或 opacity: 0占用空间布局。JQ能识别它，所以被认为是可见的。而width:0;height:0;和display:none;不占用空间布局，JQ不能识别出来。

查看全部

0 采集收起来源：jQuery选择器之可见性筛选选择器
2016-08-04
慕粉18799905919

$(":contains(text)") 选择所有包含指定文本的元素 $(":has(selector)")选择元素其中至少包含指定选择器匹配的一种元素 $(":parent") 选择所有含有子元素或者文本的父级元素 $(":empty")选择所有没有子元素的元素（包括文本节点）

查看全部

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

$(":first") 第一个 $(":last") 最后一个 $(":not(selector)") selector是给定的选择器（筛选的条件），所有不符合这个选择器的，将被选中。 $(":eq(index)") 在匹配的集合中选择索引值为index的元素。 $(":even") 选择索引值为偶数的元素，从0开始计数。 $(":odd") 选择索引值为奇数的元素，从0开始计数。 $(":gt(index)") 选择匹配集合中，所有大于给定index(索引值)的元素。 $(":lt(index)") 选择匹配集合中，所有小于等于给定index(索引值)的元素。 $(":header") 选择所有标题元素，eg:h1~h6 $(":lang(language)") 选择指定语言的所有元素。 $(":root") 选择该文档的根元素。 $(":animated") 选择所有正在执行动画效果的元素。

查看全部

0 采集收起来源：jQuery选择器之基本筛选选择器
2018-03-22
慕粉18799905919

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

查看全部

0 采集收起来源：练习题
2018-03-22
慕粉18799905919

子选择器：$('div > p') 后代选择器$('div p') 相邻兄弟选择器$(".prev + div") 一般兄弟选择器$(".prev ~ div")

查看全部

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

<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> function appendText() { var txt1="<p>Text.</p>"; // 以 HTML 创建新元素 var txt2=$("<p></p>").text("Text."); // 以 jQuery 创建新元素 var txt3=document.createElement("p"); txt3.innerHTML="Text."; // 通过 DOM 来创建文本 $("body").append(txt1,txt2,txt3); // 追加新元素 } </script> </head> <body> <p>This is a paragraph.</p> <button onclick="appendText()">追加文本</button> </body> </html>

查看全部

0 采集收起来源：jQuery的属性与样式之元素的数据存储
2018-03-22
慕粉18799905919

$( "*" ) 选择所有元素

查看全部

0 采集收起来源：jQuery选择器之全选择器（*选择器）
2018-03-22
慕粉18799905919

元素选择器：根据给定（html）标记名称选择所有的元素 $( "element" )

查看全部

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

首页上一页 694 695 696 697 698 699 700 下一页尾页

0/150

提交

取消

开始学习

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

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