-
> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。查看全部
-
.val()方法 .val()无参数，获取匹配的元素集合中第一个元素的当前值 .val( value )，设置匹配的元素集合中每个元素的值 .val( function ) ，一个用来返回设置值的函数 注意事项： 通过.val()处理select元素， 当没有选择项被选中，它返回null .val()方法多用来设置表单的字段的值 如果select元素有multiple（多选）属性，并且至少一个选择项被选中， .val()方法返回一个数组，这个数组包含每个选中选择项的值查看全部
-
.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) ) 用来返回设置文本内容的一个函数查看全部
-
注意的问题： dom中有个概念的区分：Attribute和Property翻译出来都是“属性”，《js高级程序设计》书中翻译为“特性”和“属性”。简单理解，Attribute就是dom节点自带的属性 例如：html中常用的id、class、title、align等： <div id="immooc" title="慕课网"></div> 而Property是这个DOM元素作为对象，其附加的内容，例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等查看全部
-
attr()有4个表达式 attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr(属性名,函数值)：设置属性的函数值 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … }查看全部
-
jq对象封装了操作方法，dom对象要调用对应方法查看全部
-
jQuery的元素选择器根据元素标签，选取所有元素，无需像JavaScript那样用for遍历各元素查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
$("div").html()是使用标签选择器获取div标签，并将内容设置为：您好！通过慕课网学习jQuery才是最佳的途径。 对应于javascript中的各类选择器，如： $("*") ——所有元素 $("#lastname") ——id="lastname" 的元素 $(".intro") ——所有 class="intro" 的元素 $("p") ——所有 <p> 元素 $(".intro.demo") ——所有 class="intro" 且 class="demo" 的元素 Query.html();函数，用途相当于获取或设置DOM对象的innerHTML属性查看全部
-
注意回调函数获取的值含有“px”而且是字符型需要转换，如不在回调中直接设置需要返回值 //获取到指定元素的宽度，在回调返回宽度值 //通过处理这个value，重新设置新的宽度 $('.sixth').css("width",function(index,value){ //value带单位，先分解 value = value.split('px'); //返回一个新的值，在原有的值上，增加50px return (Number(value[0]) + 50); })查看全部
-
选择器适用于复选框和单选框，对于下拉框元素, 使用 :selected 选择器 在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以保险起见换用选择器input:checked，确保只会选取<input>元素查看全部
-
jq对象.addClass( function(index, currentClass) ) : //找到所有的div，然后通过addClass设置颜色，根据返回的className的判断， $("div").addClass(function(index,className) { if(-1 !== className.indexOf('imooc')){ $(this).addClass('imoocClass') }查看全部
-
其实这段代码有问题，你先改下，我再告诉你。 你把里边的那个.html改为.append，就能出现正常结果了，因为HTML虽然也是添加内容，但会覆盖以前的，虽然进行六次，但也覆盖六次最终只显示最后一次的。。改为这个$("#show").append('元素的长度的 = ' + ele.length+"<br/>")，，正确结果如下： http://img1.sycdn.imooc.com//5932af2600015ba502890360.jpg 其实整段代码的意思是： 首先， <script type="text/javascript"> show($("#div1:visible")); </script> 这段代码是先找到ID是div1的可见的元素。然后作为function show (ele) 函数的实参传递给形参ele。。。。if (ele instanceof jQuery) 这句话是进行判断，看ele是否符合jquery对象，如果是就执行$("#show").append('元素的长度的 = ' + ele.length+"<br/>")，这句代码是，选择ID为show的元素节点在其里边添加内容。所添加的内容是元素的长度，这个元素就是可见的元素，<p id="div1" >display</p>就是这个元素，很明显它有style="display:none;是不可见的，，所以可见的元素长度为0，，剩下的一样。。 特别说明：元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。，所以在判断ID为div3的元素时，它是可见的，依次可见元素长度为1。 剩下三个是判断是否不可见元素的长度，，那他们刚好与前边三个相反。。前三个时可见元素长度为0,0,1。那不可见元素长度就是1,1,0。查看全部
-
我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0查看全部
举报
0/150
提交
取消