-
.addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则 如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式查看全部
-
.css() 方法：获取元素样式属性的计算值或者设置元素的CSS属性 获取： .css( propertyName ) ：获取匹配元素集合中的第一个元素的样式属性的计算值 .css( propertyNames )：传递一组数组，返回一个对象结果 设置： .css(propertyName, value )：设置CSS .css( propertyName, function )：可以传入一个回调函数，返回取到对应的值进行处理 .css( properties )：可以传一个对象，同时设置多个样式查看全部
-
.toggleClass( )方法：在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类查看全部
-
.removeClass( )方法 .removeClass( [className ] )：每个匹配元素移除的一个或多个用空格隔开的样式名 .removeClass( function(index, class) ) ： 一个函数，返回一个或多个将要被移除的样式名查看全部
-
.addClass( className )方法 .addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 .addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名 注意： .addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上查看全部
-
.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()方法 : 获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容，具体有3种用法： 1..html() 不传入值，就是获取集合中第一个匹配元素的HTML内容 2..html( htmlString ) 设置每一个匹配元素的html内容 3..html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数 .html()方法内部使用的是DOM的innerHTML属性来处理的，所以在设置与获取上需要注意的一个最重要的问题，这个操作是针对整个HTML内容（不仅仅只是文本内容） .text()方法 得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文本内容为指定的文本内容。 具体有3种用法： 1..text() 得到匹配元素集合中每个元素的合并文本，包括他们的后代 2..text( textString ) 用于设置匹配元素内容的文本 3..text( function(index, text) ) 用来返回设置文本内容的一个函数 .text()结果返回一个字符串，包含所有匹配元素的合并文本查看全部
-
attr()有4个表达式 attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr(属性名,函数值)：设置属性的函数值 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute） $('input:eq(2)').attr('value',function(i, val){ return '通过function设置' + val }) i是它的索引值，代表着是哪个 input，前面已经写着 $('input:eq(2)')；那么i就代表着是 $('input:eq(2)')。连起来就是 设置哪个input内的属性值，val就代表着那个属性值查看全部
-
1. $(".tag a:nth-child(10)") 执行时先找到a的父元素,再找到父元素的第10个子元素.:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 nth-child(index)指每个父级下的第几个元素,可以选取多个元素,从1开始计数. 2. eq(index)指第几个元素,全文只有一个,从0开始计数. 3. div:first 选择器选取第1个div元素；div:eq(1) 选取第2个DIV元素查看全部
-
p.addEventListener('click',function(){ //this === p //以下两者的修改都是等价的 this.style.color = "red"; p.style.color = "red"; },false); 通过addEventListener绑定的事件回调中，this指向的是当前的dom对象，所以再次修改这样对象的样式，只需要通过this获取到引用即可 this.style.color = "red" 但是这样的操作其实还是很不方便的，这里面就要涉及一大堆的样式兼容，如果通过jQuery处理就会简单多了，我们只需要把this加工成jQuery对象 换成jQuery的做法： $('p').click(function(){ //把p元素转化成jQuery的对象 var $this= $(this) $this.css('color','red') }) 通过把$()方法传入当前的元素对象的引用this，把这个this加工成jQuery对象，我们就可以用jQuery提供的快捷方法直接处理样式了 this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
表单对象属性筛选选择器： $(":enabled") 选取可用的表单元素 $(":disabled") 选取不可用的表单元素 $(":checked") 选取被选中的 <input> 元素 $(":selected") 选取被选中的 <option> 元素 注意： :checked选择器适用于复选框和单选框，:selected 选择器用于下拉框元素查看全部
-
$(":input") $("input:text")匹配所有文本框 $("input:password")匹配所有密码档 $("input:radio")匹配所有单选按钮 $("input:checkbox")匹配所有复选框 $("input:submit")匹配所有提交按钮 $("input:image")匹配所有图像域 $("input:reset")匹配所有重置按钮 $("input:button")匹配所有按钮 $("input:file")匹配所有文件域查看全部
-
1、$(".first-div a:first-child") 查找class="first-div"下的第一个a元素,针对所有父级下的第一个 2、$(".first-div a:last-child") 查找class="first-div"下的最后一个a元素，针对所有父级下的最后一个如果只有一个元素的话，last也是第一个元素 3、$(".first-div a:only-child") 查找class="first-div"下的只有一个子元素的a元素 4、$(".last-div a:nth-child(2)") 查找class="last-div"下的第二个a元素 5、$(".last-div a:nth-last-child(2)") 查找class="last-div"下的倒数第二个a元素查看全部
-
1.$('div[name=p1]') 查找所有div中，属性name=p1的div元素 2.$('div[p2]') 查找所有div中，有属性p2的div元素 3.$('div[name*="test"]') 查找所有div中，有属性name中的值包含一个test字符串的div元素查看全部
-
内容筛选选择器： $(":contains(text)") 选择所有包含指定文本的元素 $(":parent") 选择所有含有子元素或者文本的元素 $(":empty") 选择所有没有子元素的元素（包含文本节点） $(":has(selector)") 选择元素中至少包含指定选择器的元素 注意： :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素。 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点。查看全部
举报
0/150
提交
取消