分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

jQuery常用方法

发布时间:2023-09-06 02:30责任编辑:胡小海关键词:jQuery

 $("#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常用方法

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved