-
Jquery轻量级的JavaScript库，核心是JavaScript，兼容css3和各种浏览器， 核心理念是写得少做得多。 优势： 容易上手，强大的选择器，节约开发时间，丰富的UI，完善的事件机制，Ajax的封装 特性和方法：连试操作、回调函数、迭代器、延迟对象、队列查看全部
-
$("input:not(:checked) + p") 首先选择input中 所有没有checked属性（若有checked属性则默认被选中）。那么集合为前俩个input。 + p 是 紧跟着这俩个Input标签的P元素。前提是 input和p是同一个爸爸。查看全部
-
jQuery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr() attr()有4个表达式: attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr(属性名,函数值)：设置属性的函数值 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法: .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute） 优点： attr、removeAttr都是jQuery为了属性操作封装的，直接在一个 jQuery 对象上调用该方法，很容易对属性进行操作，也不需要去特意的理解浏览器的属性名不同的问题 注意的问题： 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查看全部
-
外部样式 < 内部样式 < 内联样式查看全部
-
//找到每一个dd下面的一个p元素，并改变颜色 //可以通过子类选择器 p:first-child 筛选出每一个dd中的的第一个a元素 $('dd p').css('color','#9932CC'); //把a元素从顺序1-5加上颜色 //可以通过基本筛选器lt,选择匹配集合中所有索引值小于给定index参数的元素 //注意了index是从0开始计算，所以选在1-5,为对应的index就是4 $('a:lt(4)').css('color','red'); //在所有a元素中找到属性名name="setColor"的元素，并设置颜色 //这里用的属性选择器[attribute='value']选择指定属性是给定值的元素 $('a[name="setColor"]').css('color','blue'); //选中2个dd列表中第10个元素，并改变颜色 //这里用了nth-child 选择的他们所有父元素的第n个子元素 $('a:nth-child(10)').css('color','#66CD00'); //找到把a元素中包含文字"更多"的节点，改变颜色 $('a:contains(更多)').css('color','#C71585');查看全部
-
不懂啊查看全部
-
//查找所有 input, textarea, select 和 button 元素 //:input 选择器基本上选择所有表单控件 $(':input').css("border", "1px groove red"); //匹配所有input元素中类型为text的input元素 $('input:text').css("background", "#A2CD5A"); //匹配所有input元素中类型为password的input元素 $('input:password').css("background", "yellow"); //匹配所有input元素中的单选按钮,并选中 $('input:radio').attr('checked','true'); //匹配所有input元素中的复选按钮,并选中 $('input:checkbox').attr('checked','true'); //匹配所有input元素中的提交的按钮,修改背景颜色 $('input:submit').css("background", "#C6E2FF"); //匹配所有input元素中的图像类型的元素,修改背景颜色 $('input:image').css("background", "#F4A460"); //匹配所有input元素中类型为按钮的元素 $('input:button').css("background", "red"); //匹配所有input元素中类型为file的元素 $('input:file').css("background", "#CD1076");查看全部
-
//查找所有class="first-div"下的a元素，只取第一个 //针对所有父级下的第一个 $('.first-div a:first-child').css("color", "#CD00CD"); //查找所有class="first-div"下的a元素，只取最后一个 //针对所有父级下的最后一个 //如果只有一个元素的话，last也是第一个元素 $('.first-div a:last-child').css("color", "red"); //查找所有class="first-div"下的a元素，如果只有一个子元素的情况 $('.first-div a:only-child').css("color", "blue"); //查找所有class="last-div"下的a元素,选择第二个 $('.last-div a:nth-child(2)').css("color", "#CD00CD"); //查找所有class="last-div"下的a元素,选择第倒数第二个 $('.last-div a:nth-last-child(2)').css("color", "red"); 注意事项： 1. :first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) 2. :last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素 3. 如果子元素只有一个的话，:first-child与:last-child是同一个 4. :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配 5. jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的 6. nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算查看全部
-
//查找所有div中，属性name=p1的div元素 $('.div[name=p1]').css("border", "3px groove red"); //查找所有div中，有属性p2的div元素 $('.div[p2]').css("border", "3px groove blue"); //查找所有div中，有属性name中的值只包含一个连字符“-”的div元素 $('.div[name="-"]').css("border", "3px groove #00FF00"); //查找所有div中，有属性name中的值包含一个连字符“空格”和“a”的div元素 $('.div[name~="a"').css("border", "3px groove #668B8B"); //查找所有div中，属性name的值是用imooc开头的 $('.div[name^=imooc]').css("border", "3px groove red"); //查找所有div中，属性name的值是用imooc结尾的 $('.div[name$=imooc]').css("border", "3px groove blue"); //查找所有div中，有属性name中的值包含一个test字符串的div元素 $('.div[name*="test"]').css("border", "3px groove #00FF00"); //查找所有div中，有属性testattr中的值没有包含"true"的div $('.div[testattr!="true"]').css("border", "3px groove #668B8B");查看全部
-
不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
css()和addClass()两种方法的区别查看全部
-
单纯的增加一个class标签而已查看全部
-
如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了查看全部
-
1、jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素。jQuery 对象也是一个数组结构. 2、jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引查看全部
-
1、$(document).ready 的意思是等页面的文档（document）中的节点都加载完毕后，在执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。 也可以直接简写成$(function(){});查看全部
举报
0/150
提交
取消