jquery学习随笔（简单选择器）

1、IE6不支持的选择器

$(‘#box>p‘).css(‘color‘,‘red‘);   jquery支持     css写法不支持

box下面的子节点颜色变为红色

以此图为例，阐述子节点  DOM结构如下

                    div（id=box）

                   /   \

                     p      div

                              |

                              p                           从图中可以看出在box下面的子节点是有p标签和div标签，但是符合条件的只有p，也就是改变p的文字颜色为红色

 这种写法有一个好处，不会报错

在很多操作中会产生动态的DOM。会导致不存在的id，如果是用document.getElementById()会提示报错，如果采用原生获取id需要添加判断

if(document.getElementById(‘box‘)){

document.getElementById(‘box‘).style.color=‘red‘;       但是如果页面中存在多种动态DOM，就会导致判断的数量增多，增加复杂程度

}

alert($("#box").get(0));  得到DOM对象，可以拿来用作jquery判断，有则返回dom对象，没有则返回undefined,

 $("#box").get(0)  也可以携写成 $("#box")[0]   

jquery学习随笔（简单选择器）

原文：http://www.cnblogs.com/miaomiao8899/p/5049297.html