码迷,mamicode.com
首页 > Web开发 > 详细

jQuery标签选择器

时间:2016-11-28 22:37:19      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:text   image   选中   jquery   文本   nbsp   color   对象   img   

技术分享

技术分享

$(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标签选择器

标签:text   image   选中   jquery   文本   nbsp   color   对象   img   

原文地址:http://www.cnblogs.com/diaozhaojian/p/6111438.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!