-
读取、修改元素的html结构或者元素的文本内容是常见的DOM操作.html()与.text() 获取集合中第一个匹配元素的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个属性的支持，所以可以兼容所有浏览器查看全部
-
每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。 操作特性的DOM方法主要有3个，getAttribute方法、setAttribute方法和removeAttribute方法 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节点自带的属性 获取Attribute就需要用attr，获取Property就需要用prop查看全部
-
this是JavaScript中的关键字，指的是当前的上下文对象，简单的说就是方法/属性的所有者 this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
jQuery选择器之表单对象属性筛选选择器 除了表单元素选择器外，表单对象属性筛选选择器也是专门针对表单元素的选择器，可以附加在其他选择器的后面，主要功能是对所选择的表单元素进行筛选 表单筛选选择器的描述： 选择器 描述 $(":enabled") 选取可用的表单元素 $(":disabled") 选取不可用的表单元素 $(":checked") 选取被选中的<input>元素 $(":selected") 选取被选中的<option>元素 注意事项： 选择器适用于复选框和单选框，对于下拉框元素, 使用 :selected 选择器 在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以保险起见换用选择器input:checked，确保只会选取<input>元素查看全部
-
除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]') $(":input") $("input:text")匹配所有文本框 $("input:password")匹配所有密码档 $("input:radio")匹配所有单选按钮 $("input:checkbox")匹配所有复选框 $("input:submit")匹配所有提交按钮 $("input:image")匹配所有图像域 $("input:reset")匹配所有重置按钮 $("input:button")匹配所有按钮 $("input:file")匹配所有文件域查看全部
-
当然在JavaScript中this是动态的，也就是说这个上下文对象都是可以被动态改变的(可以通过call,apply等方法)，具体的大家可以查阅相关资料查看全部
-
$(":fist-chill"）选择所有父级元素下的第一个子元素 $(":last-child") 选择所有父级下的最后一个子元素 $(":only-child") 如果某个元素是其父元素的唯一子元素，那么它就会被选中 $(":nth-child") 所有父级下第n个子元素(n从1开始) $(":nth-last-child")所有父级下倒数第n个子元素(n从1开始) 注意事项： :first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素 如果子元素只有一个的话，:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配 jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算查看全部
-
属性选择器让你可以基于属性来定位一个元素。 浏览器支持： [att=val]、[att]、[att|=val]、[att~=val] 属于CSS 2.1规范 [ns|attr]、[att^=val]、[att*=val]、[att$=val] 属于CSS3规范 [name!="value"] 属于jQuery 扩展的选择器 CSS选择器无论CSS2.1版本还是CSS3版本，IE7和IE8都支持，webkit、Gecko核心及Opera也都支持，只有IE6以下浏览器才不支持 在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型的元素，特别是表单form元素的操作，比如说input[type="text"],input[type="checkbox"]等 [attr*="value"]能在网站中帮助我们匹配不同类型的文件 属性筛选选择器： $('div[name=p1]')： //查找所有div中，属性name=p1的div元素 $('div[p2]')： //查找所有div中，有属性p2的div元素 $('div[name|="-"]')//查找所有div中，有属性name中的值只包含一个连字符“-”的div元素，或以连字符‘-’相连的前缀为字符“-”的div $('div[name~="a"]') //查找所有div中，有属性name中的值包含一个连字符“空”和“a”的div元素，以空格风格的属性中有属性值a $('div[name^=imooc]') //查找所有div中，属性name的值是用imooc开头的 $('div[name$=imooc]') //查找所有div中，属性name的值是用imooc结尾的 $('div[name*="test"]')//查找所有div中，有属性name中的值包含一个test字符串的div元素 $('div[testattr!="true"]')//查找所有div中，有属性testattr中的值没有包含"true"的div查看全部
-
:hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等 CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。查看全部
-
$(":contains(text)") 选择含有指定文本的元素 $(":has(selector)") 选择包含指定元素的元素 $(":parent") 选择含有子元素或者文本的父级元素 $(":empty") 选择所有没有子元素的元素 :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点 $("a:parent”):选择所有a元素中,有子元素(是父元素)的a元素{html()有内容的a元素} $("a:empty”):选择所有a元素中,html()为空的a元素查看全部
-
eq全称是equal(意思是“等于”)；gt全称是greater than(意思是大于)；lt全称是less than(意思是小于) $(":first") 匹配第一个元素； $(":last") 匹配最后一个元素； $(":not(selector)") 过滤的选择器，选择所有的元素去除比匹配给定的选择器； $(":eq(index)");匹配的集合中选择索引为index的元素； $(":gt(index)");选择匹配集合中大于给定的索引值index的元素； $(":even");选择索引值为偶数的元素； $(":odd");选择索引值为奇数的元素 $(":lt(index)");选择匹配集合中所有索引值小于index参数的元素； $(":header");选择指定的元素的所有标题元素，如h1 h2等； $(":animated");选择正在执行动画效果的元素 $(":root");选择该文档的根元素； $("lang(language)");选择指定的语言的所有元素；查看全部
-
选择器中的层级选择器就是用来处理这种关系 子元素 后代元素 兄弟元素 相邻元素 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下 > （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 +~选择器不能向前选择 ~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
$( "*" ) 如果要获取文档中所有的元素，通过document.getElementsByTagName()中传递"*"同样可以获取到 IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
根据给定（html）标记名称选择所有的元素 描述： $( "element" ) 搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持查看全部
-
通过class样式类名来获取节点描述：$( ".class" ) jQuery除了选择上的简单，而且没有再次使用循环处理,所以(".imooc").css()方法内部肯定是带了一个隐式的循环处理查看全部
举报
0/150
提交
取消