慕课网

jQuery基础 (一)—样式篇

最热最新

cssduoduo

相比较jQuery转化成DOM，开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。

查看全部

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

var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属

查看全部

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

jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素。

查看全部

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

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

查看全部

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

普通处理，通过标准JavaScript处理： var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; jQuery的处理： var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red');

查看全部

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

$(document).ready 的意思是等页面的文档（document）中的节点都加载完毕后，在执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。

查看全部

0 采集收起来源：jQueryHelloWorld体验
2016-08-30
秋馔筠

jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范，而是jQuery自己为了开发者的便利延展出来的选择器 :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引 gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始 $("input:not(:checked) + p")

查看全部

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

$('div > p') 选择所有div元素里面的第一个子元素P（隔代的p不会被选择） $('div p') 选择所有div元素里面的p元素(可能隔代) $(".prev + div") 选取prev后面的第一个的div兄弟节点 $(".prev ~ div") 选取prev后面的所有的div兄弟节点

查看全部

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

全选择器： $( "*" ) 抛开jQuery，如果要获取文档中所有的元素，通过document.getElementsByTagName()中传递"*"同样可以获取到元素选择器 $( "element" )

查看全部

0 采集收起来源：jQuery选择器之全选择器（*选择器）
2018-03-22
秋馔筠

$( ".class" ) 类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选 jQuery除了选择上的简单，而且没有再次使用循环处理不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理，所以使用jQuery选择节点，不仅仅只是选择上的简单，同时还增加很多关联的便利操作，后续我们还会慢慢的学到其他的优势。

查看全部

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

对比一下

查看全部

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

id选择器：一个用来查找的ID，即元素的id属性 $( "#id" ) id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。 id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的

查看全部

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

如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象

查看全部

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

1. head中引用<script src="http://code.jquery.com/jquery-1.11.3.js"></script> 2. jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素。 3. var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象，获取的是第一个div div.style.color = 'red' //操作dom对象的属性（对第一个div进行操作）

查看全部

0 采集收起来源：jQuery对象转化成DOM对象
2018-03-22
秋馔筠

jQuery对象与DOM对象是不一样的 jQuery的处理： var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组的对象这个对象里面其实是包含了DOM对象的信息的然后封装了很多操作方法，调用自己的方法html与css处理，得到的效果与标准的JavaScript处理结果是一致的。通过标准的JavaScript操作DOM与jQuyer操作DOM的对比，我们不难发现： 1 通过jQuery方法包装后的对象，是jQuery对象，它是一个新的对象 2 jQuery与DOM对象完全不是同一个东西，但是又似曾相似，因为他们都能处理DOM 3 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容问题，我们可以通过jQuery更友好的API进行开发，同时代码也会更加精短

查看全部

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

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

0/150

提交

取消

开始学习

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

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