-
jQuery对象转换为DOM对象，可以用get()方法; 如 var p=$("#p"); //这是jQuery对象，赋值给p变量，jQUery对象是一个集合对象； var DOMp= p.get(0);//转换为DOM对象,用get()方法，用下标来标记，这是一DOM对象；查看全部
-
DOM对象转化成jQuery对象 相比较jQuery转化成DOM，开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。 如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用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方法查找第一个元素并且改变其颜色。 任务 在右边代码20行填入任务结果 将dom节点div转化为$div的jquery对象查看全部
-
$("input:eq(2)").attr('value',function(i, val){ alert(i+"=|=|="+val); return '通过function设置'+val }) 这个你们alert一下看看，或者不用这个方法，直接下面这种替换value的值 $("input:eq(2)").attr('value',function(){ return '通过function设置' }) 1. 设置、获取属性 attr('属性名') 获取属性的值 attr('属性名', '属性值') 设置属性的值 attr('属性名',函数值) 设置属性的函数值 attr(attributes) 给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … } 2.移除属性 .removeAttr( 'attributeName' ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute） 注意的问题： dom中有个概念的区分：Attribute和Property翻译出来都是“属性”，《js高级程序设计》书中翻译为“特性”和“属性”。简单理解，Attribute就是dom节点自带的属性 例如：html中常用的id、class、title、align等： <div id="immooc" title="慕课网"></div> 而Property是这个DOM元素作为对象，其附加的内容，例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等 获取Attribute就需要用attr，获取Property就需要用prop查看全部
-
jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。查看全部
-
$(".div:contains('text')") 查找包含“text”文本的元素 $(".div:has(span)") 查找包含“span”元素的元素 :parent 选择所有含子元素或文本的元素 :empty 所有无子元素或文本的元素查看全部
-
$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
相邻兄弟选择器 $('prev +next') 选择prev元素后的next元素 一般兄弟选器 $('prev ~ siblings') 选择prev元素后所有兄弟元素查看全部
-
子元素 $('div p') 作用于'parent'div直接的'child'p元素 后代元素 $('div >p') 作用于所有后代p元素查看全部
-
元素选择器：根据给定（html）标记名称选择所有的元素 描述： $( "element" ) 搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持查看全部
-
$( ".class" ) 类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选 jQuery使用JavaScript的原生getElementsByClassName()函数来实现的查看全部
-
id选择器：一个用来查找的ID，即元素的id属性 $( "#id" ).css("border","3px solid red");查看全部
-
通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了 javascript代码： var div = document.getElementsByTagName('div'); //dom对象 获取所有div节点元素 为dom合集 var $div = $(div); //转换jQuery对象 var $first = $div.first(); //找到第一个div元素，调用jquery的first $first.css('color', 'red'); //css方法给第一个元素设置颜色查看全部
-
jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。 jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。 利用数组下标的方式读取到jQuery中的DOM对象--- <div>元素一</div> <div>元素二</div> <div>元素三</div> javascript代码 var $div = $('div') //jQuery对象，类数组 var div = $div[0] //转化成DOM对象 通过数组下标索引找到第一个div元素 div.style.color = 'red' //操作dom对象的属性 调用style属性修改第一个div颜色 jquery自带get方法 .get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引： var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
普通处理，通过标准JavaScript处理： var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是一个DOM对象，再通过innerHTML与style属性处理文本与颜色。 jQuery的处理： var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组对象。这个对象里面包含了DOM对象的信息，然后封装了很多操作方法，调用自己的方法html与css，得到的效果与标准的JavaScript处理结果是一致的。 通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。查看全部
-
$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
举报
0/150
提交
取消