-
$(document).ready 的意思是等页面的文档（document）中的节点都加载完毕后，在执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
jQuery 只是一个库，不需要特别的安装，只需要我们在页面 <head> 标签内中通过 script 标签脚本引入 jQuery 库即可。 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>查看全部
-
没懂起哦查看全部
-
注意事项： 浏览器属性获取方式不同，在获取某些值的时候都jQuery采用统一的处理，比如颜色采用RBG，尺寸采用px .css()方法支持驼峰写法与大小写混搭的写法，内部做了容错的处理 当一个数只被作为值（value）的时候， jQuery会将其转换为一个字符串，并添在字符串的结尾处添加px，例如 .css("width",50}) 与 .css("width","50px"})一样查看全部
-
1、jQuery跤量级的javaScript，兼容css和各种浏览器，核心理念是写得少做的多 2、优势：容易上手，强大的选择器，节约开发时间，丰富的UI，完善的事件机制，Ajax的封装。 3、特性和方法：连试操作、回调函数、迭代器、延迟对象 能够兼容css3查看全部
-
在做某些效果的时候，可能会针对同一节点的某一个样式不断的切换，也就是addClass与removeClass的互斥切换，比如隔行换色效果 jQuery提供一个toggleClass方法用于简化这种互斥的逻辑，通过toggleClass方法动态添加删除Class，一次执行相当于addClass，再次执行相当于removeClass .toggleClass( )方法：在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类 .toggleClass( className )：在匹配的元素集合中的每个元素上用来切换的一个或多个（用空格隔开）样式类名 .toggleClass( className, switch )：一个布尔值，用于判断样式是否应该被添加或移除 .toggleClass( [switch ] )：一个用来判断样式类添加还是移除的 布尔值 .toggleClass( function(index, class, switch) [, switch ] )：用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数 注意事项： toggleClass是一个互斥的逻辑，也就是通过判断对应的元素上是否存在指定的Class名，如果有就删除，如果没有就增加 toggleClass会保留原有的Class名后新增，通过空格隔开查看全部
-
.html(),.text()和.val()的差异总结： .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
.html与.text的异同: .html与.text的方法操作是一样，只是在具体针对处理对象不同 .html处理的是元素内容，.text处理的是文本内容 .html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容所有浏览器查看全部
-
不提倡使用*来获取页面中的元素查看全部
-
> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
//选中2个dd列表中第10个a元素，并改变颜色 //这里用了nth-child 选择的他们所有父元素的第n个子元素 $("dd a:nth-child(10)").css('color','#66CD00');查看全部
-
//查找所有class="last-div"下的a元素,选择第二个 $(".last-div a:nth-child(2)").css("color", "#CD00CD");查看全部
-
样式的优先级： css的样式是有优先级的，当外部样式、内部样式和内联样式同一样式规则同时应用于同一个元素的时候，优先级如下 外部样式 < 内部样式 < 内联样式 .addClass()方法是通过增加class名的方式，那么这个样式是在外部文件或者内部样式中先定义好的，等到需要的时候在附加到元素上 通过.css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的 通过.css方法设置的样式属性优先级要高于.addClass方法查看全部
-
.addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则 如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式查看全部
-
不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
举报
0/150
提交
取消