jquery选择器

选择器,在前端中用到的非常普遍,它为我们开发提供了巨大的便利,但是开发中可能是经常习惯于莫一种或者集中选择器,这里关于选择器的使用情形做一下汇总:

页面代码:

<div id='demo_div'>
    <input type="text" class="x3" id="demo" x="x" value="123">
</div>

就如上代码,我写出了以下选择方式:

  1. alert($("#demo").val()); // id选择
  2. alert($(".x3").val()); //类选择 (样式选择)
  3. alert($("[x]='x'").val());  // 属性选择
  4. alert($("div>input").val()); //父元素和子元素 还有下一个元素 div+input 选择方式
  5. alert($("input").val()); // tagName
  6. alert($("input:first").val()); 
  7. alert($(":text").val()); // type

 

posted @ 2018-11-29 20:58  时光流浪汉  阅读(86)  评论(0)    收藏  举报