JQuery选择器

作者: 江江江123 | 来源:发表于2018-05-17 17:20 被阅读0次

    作为一个做java的,并不是很懂js
    但是经常修改页面,对jq略有些自己的整理

    最简单的获取

    <script>
    $(function () {
            /* 页面加载时调用*/
    }
    /*
    获取class xx
    */
    $(".xxx")
    /*
    获取id xxx
    */
    $("#xxx")
    </script>
    
    

    外加debugger 基本有这些就可以改一切了。。主要思路。。用选择器获取对象,然后修改;因为菜。。所以很多常用的方法老是报错。。所以整理一套自己的方法;通过拿对象,debugger,直接修改对象属性。。
    常用方法

    //修改html
    $("#xxx").empty()//重置
    $("#xxx").html("xxxxxxxxxxxxx")//写入
    //上面这个方法有时候会起不到作用。。最无敌的方法
    $("#xxx").innerHTML = "xxxxxxxxxxxxx"
    //修改style  display举例子(一定要有display属性,比如一开始全部隐藏)
    $("#xxx").style.display = "none"//隐藏
    $("#xxx").style.display = "block"//显示
    //拿到父对象,找下面的孩子 deubgger
    $(".xxx")[i].childNodes[i].childNodes[i]......//这样基本可以获取所有的html对象
    //修改对象class
    //网上很多addClass()的方法。。但是我就是报错。。所以
    $("#xxx").className = "xxxxxxxxxx"    
    

    通过上面的方法。。只要有耐心。。基本上所有的数据随意改。。

    写一个最近修改vedio的方法

    $("#vedioId").src = "" //修改路径
    $("#vedioId").load() //很关键。。只有load后才会播放新视频
    

    一个很平常的ajax..后台数据通过它来拿

     $.ajax({
                url : "url",
                type : "get",
                dataType : "json",
                data : {
                    objectid : vedioArr[index].objectid
                },
                success : function(data) {
                   debugger
                },
                error : function() {
                    alert("错误");
                }
            });
    

    相关文章

      网友评论

        本文标题:JQuery选择器

        本文链接:https://www.haomeiwen.com/subject/xstkottx.html