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

jQuery常用方法

时间:2019-01-20 23:33:59      阅读:414      评论:0      收藏:0      [点我收藏+]

标签:rem   one   move   htm   mat   bsp   ext   check   pac   

 $("#A")            /*id选择器*/
        $(".a")            /*class选择器*/
        $("div")        /*标签选择器*/
        $("[属性名=‘属性值‘]")
        $("input:checkbox[name=‘qwer‘]:checked")
        $("#asd").html();        /*获取全部内容*/
        $("#asd").html("asd");    /*改变全部内容*/
        $("#asd").text();        /*获取文本内容*/
        $("#asd").text("asd");    /*改变文本内容*/
        $("#zxc").val();        /*获取value值*/
        $("#zxc").val("123");    /*改变value值*/
        $("#asd").attr("bs","123");/*增加更改属性的值*/
        $("#asd").attr("class");/*获取属性的值*/
        $("#asd").removeAttr("class");/*删除属性的值*/
        $("#asd").css("width");  /*获取样式*/
        $("#asd").css("width","800px");     /*改变样式  */
        $("#asd").css("background-color","red"); /*书写方式和CSS一样*/
        $(".zxc").html("123");        /*全部赋值和改样式*/
        $(".zxc").css("display","none");
        var a = $(".zxc");            /*给第一个赋值*/
        var b = a.eq(0).html("123");
        $("#asd").hide();        /*隐藏*/
        $("#asd").show();        /*显示*/
                                                        /*部分动画效果*/
        function aaa(){
            $("#asd").fadeOut(2000);        /*淡出*/
        }
        function vvv(){
            $("#asd").fadeIn(2000);            /*淡入*/
        }
        function ccc(){
            $("#asd").fadeToggle(2000);        /*淡入淡出  一个按钮控制*/
        }
        function aaa(){
            $("#asd").fadeTo(2000,0.4);        /*到多少透明度停止*/
        }
        
        
        function aaa(){
            $("#asd").slideDown();            /*下滑*/
        }
        function vvv(){
            $("#asd").slideUp();            /*上滑*/
        }
        function ccc(){
            $("#asd").slideToggle();        /*一个按钮控制滑动*/
        }
        
        
        function aaa(){
            $("#asd").animate({                /*变形动画*/
                "width":‘250px‘,
                "height":‘100px‘,
                "opacity":‘0.3‘,
                "margin-left": "300px"
            });
        }                                                
    </script>

jQuery常用方法

标签:rem   one   move   htm   mat   bsp   ext   check   pac   

原文地址:https://www.cnblogs.com/wjwap/p/10296547.html

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