-
.html与.text的异同: .html与.text的方法操作是一样，只是在具体针对处理对象不同 .html处理的是元素内容，.text处理的是文本内容 .html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容所有浏览器查看全部
-
DOM 是 W3C（万维网联盟）的标准。 DOM 定义了访问 HTML 和 XML 文档的标准： 什么是 HTML DOM？ HTML DOM 是： HTML 的标准对象模型 HTML 的标准编程接口 W3C 标准 HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。 换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。查看全部
-
DOM 节点 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点查看全部
-
切换样式toggleClass() 1.toggleClass(className) 样式如果存在删除，如果不存在就添加。 2.toggleClass(className,switch) switch布尔值，规定只添加或只删除类。true就添加，false就删除 3.toggleClass(function(index,class),switch) index：接受选择器的index位置。 class：接受选择器的当前的类。 例子：点击按钮，列表第一行和第三行，颜色变红。第二行和第四行，颜色变蓝。再次点击，恢复默认颜色。 <style> .listitem_0,.listitem_2{color:red} .listitem_1,.listitem_3{color:blue} </style> <script src="jquery.min.js"></script> <script> $(document).ready(function(){ $("#btn").click(function(){ $(".sg li").toggleClass(function(){ return 'listitem_' + $(this).index(); }); }); }) </script> <body> <ul class="sg"> <li>苹果</li> <li>香蕉</li> <li>西瓜</li> <li>桃子</li> </ul> <button id="btn"></button> </body>查看全部
-
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0查看全部
-
:hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等查看全部
-
注意事项： :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
//.removeClass() 方法允许我们指定一个函数作为参数，返回将要被删除的样式 $('.right > div:first').removeClass(function(index,className){ //className = aa bb imoocClass //把div的className赋给下一个兄弟元素div上作为它的class $(this).next().addClass(className) //删除自己本身的imoocClass return 'imoocClass' })查看全部
-
//找到第三个input，通过使用一个函数来设置属性 //可以根据该元素上的其它属性值返回最终所需的属性值 //例如，我们可以把新的值与现有的值联系在一起： $("input:eq(2)")?.attr('value',function(i, val){ return '通过function设置' + val })查看全部
-
indexOf方法获取到指定的字符在字符串中第一次数出现的位置，从0开始。如果一开始就获取到则返回0，如果第二个位置则返回1，以此类推，如果没匹配到就返回-1 function(index,className) { //找到类名中包含了imooc的元素 if(-1 !== className.indexOf('imooc')){ //this指向匹配元素集合中的当前元素 $(this).addClass('imoocClass') } }查看全部
-
.val()方法 注意事项： 通过.val()处理select元素， 当没有选择项被选中，它返回null .val()方法多用来设置表单的字段的值 如果select元素有multiple（多选）属性，并且至少一个选择项被选中， .val()方法返回一个数组，这个数组包含每个选中选择项的值 其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值， 但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。 <p></p> <select id="single"><option>苹果</option><option>梨</option></select> $("p").text($("#single").val()); <option>苹果</option> 这个是第一个，第一个option会作为下拉框的默认值，运行出来就可以看到苹果，你可以在最前面加一个空的option查看全部
-
html()方法 获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容，具体有3种用法： .html() 不传入值，就是获取集合中第一个匹配元素的HTML内容 .html( htmlString ) 设置每一个匹配元素的html内容 .html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数 注意事项： .htm()方法内部使用的是DOM的innerHTML属性来处理的，所以在设置与获取上需要注意的一个最重要的问题，这个操作是针对整个HTML内容（不仅仅只是文本内容）查看全部
-
<input type="text" value="回调拼接value"/> $("input:eq(2)").attr('value',function(i, val){ return '通过function设置' + val + i; }) 解析：function中的 i 变量是该选择器的集合，i 从 0 1 2 3 ...这样排列下去的，所以这里选择器只有一个，则i==0；而 val 变量是 value的原值。查看全部
举报
0/150
提交
取消