-
类选择器，顾名思义，通过class样式类名来获取节点 描述： $( ".class" ) 类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选 同样的jQuery在实现上，对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的 我们不难发现： jQuery除了选择上的简单，而且没有再次使用循环处理 不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理，所以使用jQuery选择节点，不仅仅只是选择上的简单，同时还增加很多关联的便利操作。查看全部
-
id选择器：一个用来查找的ID，即元素的id属性 $( "#id" ) id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器 值得注意： id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的查看全部
-
$div 与$(div)的区别: 第一个是JQ对象，第二个是获取dom对象，一般把DOM对象转化为JQ对象var $div=$(div); $(this) 当前 HTML 元素 $("p") 所有 <p> 元素 $("p.intro") 所有 class="intro" 的 <p> 元素 $(".intro") 所有 class="intro" 的元素 $("#intro") id="intro" 的元素 $("ul li:first") 每个 <ul> 的第一个 <li> 元素 $("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性 1：jQuery转化成DOM jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素 var $div = $('div'); //jQuery对象 var div = $div[0]; var div2=$div.get(1); div.style.color = 'red'; //操作dom对象的属性 div2.style.color = 'blue'; 2：开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。 如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了 var div = document.getElementsByTagName('div');//获取dom对像 $div = $(div); //将dom节点div转化为$div的jquery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色查看全部
-
$('div')是jquery直接获取元素；$(div)是将dom对象转换成jquery， $("div")是直接用jQuery方法获取一个div元素,$div在这里是被定义的jQuery变量。 什么是DOM对象和DOM元素？ JavaScript 对象JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。DOM对象，即是我们用传统的方法(javascript)获得的对象。 DOM元素就是HTML元素。 get方法括号里面的参数0起一个什么作用？ 0指第一个，代表位置。相当于 $div[0]$div.get(1) 相当于 $div[1]，以上意思是一样的 .get(n) 相当于返回数组第n个的值，更方便使用。 var div = $div[0] //转化成DOM对象？ 上节课说“通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是DOM对象，”这里说“var div = $div[0] //转化成DOM对象”，怎么滴jq对象加个【0】就变成DOM对象了？ jQuery对象是对dom对象的封装，在获取dom对象的基础上增加了很多对象的方法，所以它们是很类似但又不同的两种对象。 为什么 只有放在body里才有效果？？？ <script type="text/javascript"> var $div = $('div'); //jQuery对象 div =$div.get(0) div.style.color = 'red'; //操作dom对象的属性 </script> 在body中，当文档加载的时候会自动实行脚本（javascript），如果不放在body中，在代码开头要加上$(document).ready(function(){});==原生js代码中的window.onload= function（）{}。 jquery提供了get()方法，将jquery对象转换为DOM对象，get()方法的简化方法为[0]。$div[0]等价于$div.get(0)，转为DOM元素一般使用[0]方法查看全部
-
1.通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。 2.通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。查看全部
-
JQuery加载页面的三种方法： 1.$(document).ready(function(){}); 2.$(function(){}); 3.jQuery(function($){}); jQuery.html();函数，用途相当于获取或设置DOM对象的innerHTML属性 $("div").html()是使用标签选择器获取div标签，并将内容设置为：您好！通过慕课网学习jQuery才是最佳的途径。 对应于javascript中的各类选择器，如： $("*") ——所有元素 $("#lastname") ——id="lastname" 的元素 $(".intro") ——所有 class="intro" 的元素 $("p") ——所有 <p> 元素 $(".intro.demo") ——所有 class="intro" 且 class="demo" 的元素 $(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码查看全部
-
环境搭建:<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> 检测是否搭载成功：<script type="text/javascript">alert($) </script> 开发用开发版，上线用压缩版 jQuery1.9之前兼容老版本浏览器，之后兼容移动端开发查看全部
-
$("input[type='text']").val('修改表单的字段') //此处可以改成$("input:text")或者$(":text")查看全部
-
Query基础 (一)—样式篇——简介 1、jQuery轻量级的JavaScript库，核心是JavaScript，兼容css和各种浏览器，核心理念是写得少做得多。 2、优势：容易上手，强大的选择器，节约开发时间，丰富的UI，完善的事件机制，Ajax的封装。 3、特性和方法：链式操作、回调函数、迭代器、延迟对象、队列...查看全部
-
<select name="garden" multiple="multiple"> <option>imooc </option>查看全部
-
jquery 运行有顺序。如果前面设置了属性值，后面重复设置会覆盖掉前面的属性值查看全部
-
属性选择器让你可以基于属性来定位一个元素。可以只指定该元素的某个属性，这样所有使用该属性而不管它的值，这个元素都将被定位，也可以更加明确并定位在这些属性上使用特定值的元素，这就是属性选择器展示它们的威力的地方。查看全部
-
$('.right > div:first').removeClass(function(index,className){ //className = aa bb imoocClass //把div的className赋给下一个兄弟元素div上作为它的class $(this).next().addClass(className) //删除自己本身的imoocClass return 'imoocClass' })查看全部
-
.addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则 如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式查看全部
-
jQuery的处理： var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组对象。这个对象里面包含了DOM对象的信息，然后封装了很多操作方法，调用自己的方法html与css，得到的效果与标准的JavaScript处理结果是一致的。查看全部
举报
0/150
提交
取消