jQuery标签选择器

Posted 刁兆建

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery标签选择器相关的知识,希望对你有一定的参考价值。

$(function()
    {
    //alert("hello jquery");
    //选择器
    //id选择器
    $("#bt1").click(
        function()
        {
        alert("点击了按钮 文字="+$(this).text());    
        }        
    );
    
    //标签选择器 
    //属性过滤器

    //类选择器 
    $(".cl[type=text]").click(
    function()
    {
        alert("通过类选择器选中");
    }
    
    );

JSON和DOM的对象转换

//使用dom当时获取元素
    var bt_3=document.getElementById("bt3");
    var $jbt_3=$(bt_3);
    
    $jbt_3.click(
            
    function()
    {
        alert("从DOM对象转为JQuery对象");
    }
    
    );
    //从JQuery对象转换成DOM对象 
    var $jbt_1=$("#bt1");
    
    //alert("集合长度= "+$jbt_1.length);
    var bt_1=$jbt_1[0];
    
    alert("DOM按钮的内容= "+bt_1.value);
    
    var $jbt_4=$("button");
    
    var bt_4=$jbt_4[0];
    
    alert("DOM按钮的内容= "+bt_4.firstChild.nodeValue);
    
    $jbt_4.click(
    
            function()
            {
                alert("button 的文本="+$(this).text());
            }
    
    );
    
    
    }

        )


</script>

</head>
<body>
测试jquery
<br>
<input type="button" value="按钮1" id="bt1"/>
<br><br>
<input class="cl" type="button" value="按钮2" id="bt2">
<br><br>
<input type="text" class="cl">
<br><br>
<input id="bt3" value="按钮3" type="button">
<br>
<button id="id4">按钮4</button>
<br>
<button id="id5">按钮5</button>
</body>

 

以上是关于jQuery标签选择器的主要内容,如果未能解决你的问题,请参考以下文章

jQuery标签'for'属性选择器

如何使用 jquery 获得精确的 div 标签匹配选择器?

JQuery选择器

jquery 选择器,怎么取得一个jquery对象中的<a>标签的对象

如何使用 jQuery 日期选择器优化引导输入标签

EasyClick Html UI 第十七节 jQuery选择器