您的位置:首页 > Web前端 > JQuery

Jquery选择器

2015-11-30 21:22 656 查看
*1.jquery中的方法 :
    parent(选择上一级元素)          parents(选择所有上级元素(前辈))
    children(选择下一级元素)        find(选择所有后代元素)
    siblings(选择同级元素(兄弟))   prev(选择兄弟元素(前一个))   next(选择弟元素(后一个))
    toggle()方法进行显示隐藏交互事件,如果显示的就进行隐藏,如果是隐藏的就显示 

$(this).parents("li").children("input").attr("checked",this.checked);

注意 :http://www.jb51.net/article/29712.htm
          1.closest方法从当前元素开始遍历,而parent()从父元素开始(只遍历到上一层)
   

1.id:唯一标示符  
(id选择器:$("#id");   class选择器: $( ".className");) 
元素选择器  $("div").length;

获取所有的元素  $("body").find("*").arrt("xxx","xxx");
快速选择器 $("input[name='newsletter']").attr("checked",true);
2.document.getElemetById("id");  //javascript   
innertHTML   innerText
var( )------>针对form元素(text  password select raido  checkbox  textarea text( ))

2.对比
<div id="text"></div>
<imput  type="text" value="ddd" id="username" />
//获取id对应的文本值 html( )
var html=document.getElementById("text").innerHTML;
var $html=$("#text").html();
//获取form表单元素中的值 val( )
var value=document.getElementById("username").value;
var $value=$("#username ").val( );

3.//知识点:[attribute!=value] 不等于某个元素的其他元素
    var length = $("input[name!='cusername']").length;

    $("input[name!='cusername']").each(function(){

         alert($(this).val());

       });

   //  知识点:[attribute^=value] 以什么开头的元素

       $("input[value^='K']").each(function(){

            alert($(this).val());    

        });

     //知识点:[attribute$=value] 以什么开头的元素

       $("input[value$='D']").each(function(){

                    alert($(this).val());    

               });

        var length = $("input[name*='cu']").length;

       alert(length); 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: