-
jQuery除了选择上的简单，而且没有再次使用循环处理查看全部
-
当 页 面 '' 加 载 完 成 '' 后 ，在页面中以 居中 的方式显示 “您好！通过慕课网学习jQuery 才是最佳的途径”字样。 $(document).ready(function() { $("div").html("您好！通过慕课网学习jQuery才是最佳的途径。"); });查看全部
-
jQuery 容易上手 、强大的选择器 、解决浏览器兼容、完善的事件机制、 出色的Ajax封装、丰富的UI 。查看全部
-
:contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
层级选择器查看全部
-
toggleClass是一个互斥的逻辑，也就是通过判断对应的元素上是否存在指定的Class名，如果有就删除，如果没有就增加 toggleClass会保留原有的Class名后新增，通过空格隔开查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器 $( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
关键要分清楚：first 和：first-child的区别。这两者区别很大。 比如 $("body a:first") 和$("body a:first-child")区别就特别大 1，first-child 可以取多个a标签，只要该a标签是其父元素（父元素不一定是body，可以是任意的div，tr等等）的第一个元素，就会被匹配。a:first-child应该连在一起理解，即条件为父元素的第一个子元素的a标签。满足这个条件的就可能是多个呀。 2，first，就好理解了，查找出所有的a标签，再取第一个。 好好理解下吧。查看全部
-
外部样式 < 内部样式 < 内联样式 1. addClass()方法是通过增加class名的方式，那么这个样式是在外部文件或者内部样式中先定义好的，等到需要的时候在附加到元素上 2. 通过.css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的 通过.css方法设置的样式属性优先级要高于.addClass方法 .addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则 如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式查看全部
-
1. .toggleClass( className )：在匹配的元素集合中的每个元素上用来切换的一个或多个（用空格隔开）样式类名 2. .toggleClass( className, switch )：一个布尔值，用于判断样式是否应该被添加或移除 3. .toggleClass( [switch ] )：一个用来判断样式类添加还是移除的 布尔值 4. .toggleClass( function(index, class, switch) [, switch ] )：用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数 //第二个参数判断样式类是否应该被添加或删除 //true，那么这个样式类将被添加; //false，那么这个样式类将被移除 //所有的奇数tr元素，应该都保留class="c"样式 $("#table tr:even").toggleClass("c", true); //这个操作没有变化，因为样式已经是存在的 注意事项： 1. toggleClass是一个互斥的逻辑，也就是通过判断对应的元素上是否存在指定的Class名，如果有就删除，如果没有就增加 2. toggleClass会保留原有的Class名后新增，通过空格隔开查看全部
-
通过动态改变类名（class），可以让其修改元素呈现出不同的效果。在HTML结构中里，多个class以空格分隔，当一个节点（或称为一个标签）含有多个class时，DOM元素响应的className属性获取的不是class名称的数组，而是一个含有空格的字符串，这就使得多class操作变得很麻烦。同样的jQuery开发者也考虑到这种情况，增加了一个.addClass()方法，用于动态增加class类名 addClass( className )方法: 1. .addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 2. .addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
//子选择器 //$("div > p")选择所有div元素里面的子元素P //后代选择器 //$("div p") 选择所有div元素里面的p元素 //相邻兄弟选择器 //$("prev + div")选取prev后面的第一个的div兄弟节点 //一般相邻选择器 //$("prev ~ div")选取prev后面的所有的div兄弟节点查看全部
-
注意事项： 1. 通过.val()处理select元素， 当没有选择项被选中，它返回null 2. val()方法多用来设置表单的字段的值 3. 如果select元素有multiple（多选）属性，并且至少一个选择项被选中， .val()方法返回一个数组，这个数组包含每个选中选择项的值 html(),.text()和.val()的差异总结： 1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。 2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。 3. .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
html(): 1. html() 不传入值，就是获取集合中第一个匹配元素的HTML内容 2. html( htmlString ) 设置每一个匹配元素的html内容 3. html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数 4. html()方法内部使用的是DOM的innerHTML属性来处理的，所以在设置与获取上需要注意的一个最重要的问题，这个操作是针对整个HTML内容（不仅仅只是文本内容） text(): 1. text() 得到匹配元素集合中每个元素的合并文本，包括他们的后代 2. text( textString ) 用于设置匹配元素内容的文本 3. text( function(index, text) ) 用来返回设置文本内容的一个函数 4. text()结果返回一个字符串，包含所有匹配元素的合并文本 .html与.text的异同: 1. html与.text的方法操作是一样，只是在具体针对处理对象不同 2. html处理的是元素内容，.text处理的是文本内容 3. html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用 4. 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的 5. 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容所有浏览器查看全部
举报
0/150
提交
取消