#main > * 这个选择符是什么意思啊，有什么作用

Question

本帖最后由 plglenn15 于 2009-11-15 09:35:10 编辑

Answer 1

jQuery 动态选择CSS样式表.

Answer 2

a>ba b
有何区别啊？

Answer 3

#main a
#main > a
这两个选择符有何区别？

Answer 4

jQuery 的css()方法来实现嵌入式改变元素样式.
两个输入参数：样式属性和样式值。$("#main > *").css("border", "3px double red");
样式属性:  border
样式值:    3px double red
通过jQuery提供的css()方法，把属性赋给ID为"#main > *"的元素（DIV）。

Answer 5

元素ID号，设置main元素内，所有样式的边框颜色

Answer 6

按我的理解应该是这样子的#main a   选择#main元素下元素名是a的所有元素
#main > a  选择#main元素下元素名是a的子元素（第一层)例子：
 <span id="main">
    <div><a href=#"">1111</a></div>
    <a href=#"">222</a>
    <a href=#"">333</a>
    <a href=#"">444</a>
 </span>
#main a 
选择：
<a href=#"">1111</a>
<a href=#"">222</a>
<a href=#"">333</a>
<a href=#"">444</a>
#main > a
选择：
<a href=#"">222</a>
<a href=#"">333</a>
<a href=#"">444</a>

Answer 7

parent > child
     匹配parent标签下,标签为child的所有子元素.
     示例:
     $('body>div')将返回document.body下的所有div标签.
* 所有子元素
<div id="father">
   <div id="first">I am first</div>
   <div id="second" class="red">I am second</div>
   <div id="third" style="display:none">I am third</div>
</div>
<p class="red">I am forth</p>
<h4></h4>
parent > child：这个选择符就是大于号，表示先找到第一个选择符的所有对象，然后在他的子节点（不能是孙节点）中找到所有符合第二个选择符的对象。alert($('#father > .red').html());
//显示I am second
prev + next：这个选择符就是加号，表示先找到第一个选择符的所有对象，然后找和他同级的紧跟着的下一个节点同时符合第二个选择符的对象。alert($('#father + .red').html());
//显示I am forth
prev ~ siblings：这个选择符就是~号，表示先找到第一个选择符的所有对象，然后找和他同级的以后所有节点里面同时符合第二个选择符的对象。
alert($('#first ~ #third').html());

Answer 8

#main > * 选择#main下的所有子元素，也就是下面加粗的地方<span id="main">
    <div>dfd</div>
    <button>Child</button>
    <div class="mini"></div>
    <div>
      <div class="mini"></div>
      <div class="mini"></div>
    </div>
    <div><button>Grand</button></div>
    <div><span>A Span <em>in</em> child</span></div>
    <span>A Span in main</span>
  </span>