PHP JQurey

JQuery是用JS编写的程序,使用起来比JS更为简单,使用前需引入一个JQurey文件,下面为JQurey语法

<script type="text/javascript">
$(document).ready(function(e) {
    //根据ID找元素,找出JQUERY对象,如需找DOM对象,则取索引为0
    var ja = $("#aa");     // 根据id找
    var jb = $(".bb");       //根据class找
    var jc = $("input[bs=dd]");   //根据属性找
    var di = $("div");       //根据标签名找
    
    for(var i=0;i<jb.length;i++)   //循环遍历找
    {
        jb.eq(i);     //取jb里面的第几个JQUERY对象
    }
    
    //操作内容
    //1.非表单元素
    ja.text();  ja.text("aa");
    ja.html();  ja.html("vv");
    //2.表单元素
    jc.val();     //取jc里面的值
    
    
    //操作属性
    ja.attr("bs","bb");   //添加属性
    ja.attr("bs");    //查找属性
    ja.removeAttr("bs");    //移除属性
    
    //操作样式
    ja.css("background-color","#0F3");
    
    //给一个元素加事件
    $("#aa").click(function (){
        
        alert("aa");
        })
       //给多个元素加事件
    $(".bb").click(function(){
        
        alert($(this).text());
        
        })
        
    //给多个元素设置相同样式(属性)
    $(".bb").css("color","pink");
    
    
});

</script>

 

posted @ 2016-05-16 22:20  冷风~云  阅读(200)  评论(0编辑  收藏  举报