jQuery查找,获取和修改元素

来源:互联网 发布:ntfs for mac 知乎 编辑:程序博客网 时间:2024/05/21 10:42

查找:
 $(function(){        //+相当于js中的nextElementSibling ~符号跟匹配元素同级的并且是在他后面,不一定是相邻的        //找与label相邻的下一个目标$"label"+"input"        //.next是查找下一个     //console.log($("label").prev('input'))//查找上一个        console.log($("label~input"))    })</script>
获取和修改:
    $(function(){        //读取div标签内部元素      //  alert($('#d').html());        //修改div标签内部的内容       //$('#d').html('<span>asdasdas</span>');        //获取div标签内部的文本       // alert($("#d").text())        //修改div标签内部的文本内容      //  $('#d').text('qwedasd')        //获取输入框的value        alert($("#t").val())        //修改value属性值        $("#t").val('12345657')    })</script>
多个元素修改:
        $(function(){            //获取name属性值//          alert($("input").attr('name'))            //修改name属性值//          $("input").attr('name','321');//          $("input").attr('type','password');//          $("input").attr('id','test');            //修改元素的所有属性值            //多个属性值一起修改            //调用attr方法,把所有要修改的属性放在{}            //属性之间用逗号分割            //属性名与属性值之间用冒号隔开            $("input").attr({'name':'321','type':'password','id':'test'})        })

修改CSS样式:
    <script type="text/javascript">        $(function(){//          $("div").css('background-color','blue');            $("div").css({'background-color':'blue','height':'200px','width':'100px'})        })    </script>

原创粉丝点击