慕课网

jQuery基础 (一)—样式篇

最热最新

没有冰激凌的夏天不完整

兄弟节点div, +~选择器不能向前选择

查看全部

0 采集收起来源：jQuery选择器之层级选择器
2016-08-31
没有冰激凌的夏天不完整

层级选择器子元素后代元素兄弟元素相邻元素 http://img1.sycdn.imooc.com//5590e98b0001f60d06130229.jpg 层级选择器之间还是有很多相似与不同点层级选择器都有一个参考节点后代选择器包含子选择器的选择的内容一般兄弟选择器包含相邻兄弟选择的内容相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下

查看全部

0 采集收起来源：jQuery选择器之层级选择器
2016-08-31
没有冰激凌的夏天不完整

全选择器（*选择器）描述： $( "*" ) 抛开jQuery，如果要获取文档中所有的元素，通过document.getElementsByTagName()中传递"*"同样可以获取到不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName

查看全部

0 采集收起来源：jQuery选择器之全选择器（*选择器）
2018-03-22
没有冰激凌的夏天不完整

元素选择器：根据给定（html）标记名称选择所有的元素描述： $( "element" ) 搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持。第一组：通过getElementsByTagName方法得到页面所有的<div>元素 var divs = document.getElementsByTagName('div'); divs是dom合集对象，通过循环给每一个合集中的<div>元素赋予新的boder样式第二组：同样的效果，$("p")选取所有的<p>元素，通过css方法直接赋予样式

查看全部

0 采集收起来源：jQuery选择器之元素选择器
2018-03-22
没有冰激凌的夏天不完整

类选择器: 描述： $( ".class" )，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的我们不难发现： jQuery除了选择上的简单，而且没有再次使用循环处理不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理，所以使用jQuery选择节点，不仅仅只是选择上的简单，同时还增加很多关联的便利操作，后续我们还会慢慢的学到其他的优势。

查看全部

0 采集收起来源：jQuery选择器之类选择器
2018-03-22
没有冰激凌的夏天不完整

DOM对象转化成jQuery对象如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 HTML代码 <div>元素一</div> <div>元素二</div> <div>元素三</div> JavaScript代码 var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色通过getElementsByTagName获取到所有div节点的元素，结果是一个dom合集对象，不过这个对象是一个数组合集(3个div元素)。通过$(div)方法转化成jQuery对象，通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。

查看全部

0 采集收起来源：DOM对象转化成jQuery对象
2018-03-22
没有冰激凌的夏天不完整

jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素。数组的索引是从0开始的，也就是第一个元素下标是0 如何把jQuery对象转成DOM对象？利用数组下标的方式读取到jQuery中的DOM对象 HTML代码 <div>元素一</div> <div>元素二</div> <div>元素三</div> JavaScript代码 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性用jQuery找到所有的div元素（3个），因为jQuery 对象也是一个数组结构，可以通过数组下标索引找到第一个div元素，通过返回的div对象然后调用它style属性然修改第一个div元素的颜色。这里需要注意的一点是，数组的索引是从0开始的，也就是第一个元素下标是0 通过jQuery自带的get()方法 jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引： var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属性其实我们翻开源码，看看就知道了，get方法就是利用的第一种方式处理的，只是包装成一个get让开发者更直接方便的使用。

查看全部

0 采集收起来源：jQuery对象转化成DOM对象
2018-03-22
没有冰激凌的夏天不完整

id选择器：一个用来查找的ID，即元素的id属性 $( "#id" )

查看全部

0 采集收起来源：jQuery选择器之id选择器
2018-03-22
拉威尔

我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。宽度和高度都显式设置为0。一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。可见元素的宽度或高度，是大于零。元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。

查看全部

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

:contains(text)//文本 :parent empty :has(selector)//元素

查看全部

0 采集收起来源：jQuery选择器之内容筛选选择器
2016-08-31
氽氽

.html() 不传入值，就是获取集合中第一个匹配元素的HTML内容 .html( htmlString ) 设置每一个匹配元素的html内容 .html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数 .text() 得到匹配元素集合中每个元素的合并文本，包括他们的后代 .text( textString ) 用于设置匹配元素内容的文本 .text( function(index, text) ) 用来返回设置文本内容的一个函数

查看全部

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

类选择器，顾名思义，通过class样式类名来获取节点$( ".class" )

查看全部

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

id选择器：一个用来查找的ID，即元素的id属性 $( "#id" )

查看全部

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

页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。

查看全部

0 采集收起来源：jQuery选择器之id选择器
2016-08-30
cssduoduo

var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色通过getElementsByTagName获取到所有div节点的元素，结果是一个dom合集对象，不过这个对象是一个数组合集(3个div元素)。通过$(div)方法转化成jQuery对象，通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。

查看全部

0 采集收起来源：DOM对象转化成jQuery对象
2016-08-30

首页上一页 648 649 650 651 652 653 654 下一页尾页

0/150

提交

取消

开始学习

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

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