-
jQuery的属性与样式之html()及.text() 读取、修改元素的html结构或者元素的文本内容是常见的DOM操作，jQuery针对这样的处理提供了2个便捷的方法.html()与.text() .html()方法 获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容，具体有3种用法： .html() 不传入值，就是获取集合中第一个匹配元素的HTML内容 .html( htmlString ) 设置每一个匹配元素的html内容 .html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数 注意事项： .html()方法内部使用的是DOM的innerHTML属性来处理的，所以在设置与获取上需要注意的一个最重要的问题，这个操作是针对整个HTML内容（不仅仅只是文本内容） .text()方法 得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文本内容为指定的文本内容。，具体有3种用法： .text() 得到匹配元素集合中每个元素的合并文本，包括他们的后代 .text( textString ) 用于设置匹配元素内容的文本 .text( function(index, text) ) 用来返回设置文本内容的一个函数 注意事项： .text()结果返回一个字符串，包含所有匹配元素的合并文本 .html与.text的异同: .html与.text的方法操作是一样，只是在具体针对处理对象不同 .html处理的是元素内容，.text处理的是文本内容 .html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容所有浏览器查看全部
-
jQuery的属性与样式之.attr()与.removeAttr() 每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。如：在img元素中，src就是元素的特性，用来标记图片的地址。 操作特性的DOM方法主要有3个，getAttribute方法、setAttribute方法和removeAttribute方法，就算如此在实际操作中还是会存在很多问题，这里先不说。而在jQuery中用一个attr()与removeAttr()就可以全部搞定了，包括兼容问题 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查看全部
-
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
下面哪几种是jquery中表单的对象属性？ :checked :enabled :selected :disabled查看全部
-
在一个表单里，想要找到指定元素的第一个元素用_________实现，那么第二个元素用_________实现。 eq:在匹配的集合中选择索引值为index的元素 因为jQuery合集是从0开始索引的，所以eq(1)就是第二个元素查看全部
-
有一个表单元素，想要通过jQuery的方法找到表单中的type=hidden元素，下面哪个是正确的 hidden查看全部
-
如果需要匹配包含文本的元素，用下面哪种来实现contains()查看全部
-
jQuery选择器之基本筛选选择器 筛选选择器很多都不是CSS的规范，而是jQuery自己为了开发者的便利延展出来的选择器 筛选选择器用冒号“：”开头,基本筛选器的描述： //找到第一个div $(".div.first").css("color", ""); //找到最后一个div $(".div.last").css("color", ""); //:even 选择所引值为偶数的元素，从 0 开始计数 $(".div:even").css("border", ""); //:odd 选择所引值为奇数的元素，从 0 开始计数 $(".div.odd").css("border", ""); //:eq 选择索引值固定的单个 $(".aaron:eq(2)").css("border", ""); //:gt 选择匹配集合中所有索引值大于给定index参数的元素 $(".aaron:gt(3)").css("border", ""); //:lt 选择匹配集合中所有索引值小于给定index参数的元素 //与:gt相反 $(".aaron:lt(2)").css("color", "#CD00CD"); //:not (selector)选择所有元素去除不匹配给定的选择器的元素 //选中所有紧接着 （没有checked属性的input元素后）的p元素，赋予颜色 $("input:not(:checked) + p").css("background-color", "#CD00CD"); //选择所有标题，像h1，h2等 $（“：header”） //选择指定语言的所有元素 $（“：lang(language)”） //选择文档的根元素 $（“：root”） //选择所有正在执行动画效果的元素 $（“：animated”） 注意事项： :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引 gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始查看全部
-
jQuery选择器之层级选择器 选择器中的层级选择器就是用来处理这种关系:子元素 后代元素 兄弟元素 相邻元素 对比层级选择器的区别 子选择器 / $('div > p') 选择所有div元素里面的直接子元素P 后代选择器 / $('div p') 选择所有div元素里面的p元素，包括孙子曾孙子等 相邻兄弟选择器 / $(".prev + div") 选取prev后面的第一个的div兄弟节点 一般相邻选择器 / $("prev ~ div")选取prev后面的所有的div兄弟节点 仔细观察层级选择器之间还是有很多相似与不同点 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下查看全部
-
: ....value + 方法 【】。。。属性值查看全部
-
input option(selected) enable = 框 输入 文本查看全部
-
.attr()返回元素的属性值查看全部
-
基本写法。。。。查看全部
-
// 元素的数据存储 // 兼容实现类似html5 dataset功能 // 静态接口 jQuery.data( element, key, value ) // 存数据 jQuery.data( element, key ) // 取数据 jQuery.removeData( element [, name ] ) // 删数据 // 实例接口 .data( key, value ) // 存数据 .data( key ) // 存数据 .removeData( [name ] ) // 删数据查看全部
-
$(":odd")选择索引值为奇数的元素，索引值从0开始计数 $(":even")选择索引值为偶数的元素，索引值从0开始计数 原注释有误，下面更正 // 给所有的tr元素加一个class="c"的样式 $("#table tr").toggleClass("c"); </script> <script type="text/javascript"> // 给所有的偶数tr元素切换class="c"的样式 // 奇数的项的样式，有class="c"样式则删除，没有则添加 $("#table tr:odd").toggleClass("c"); </script> <script type="text/javascript"> // 第二个参数判断样式类是否应该被添加或删除 // true，那么这个样式类将被添加; // false，那么这个样式类将被移除 // 所有的偶数tr元素，应该都保留class="c"样式 $("#table tr:even").toggleClass("c", true); // 这个操作没有变化，因为样式已经是存在的查看全部
举报
0/150
提交
取消