简单前端知识——jQuery的JS和JQ之间的转换——02

JS和JQ之间的转换

1.从下面的代码可以看出jq的基本语法就是$();

2.需要用到对象,都是用$("标记名")的语法和元素ID来获取的

3.在这里不需要考虑函数同名的问题了,因为都已经绑定(已经限定了使用范围,不能通用了就不会出现同名问题了)了元素对象的事件,function(){}

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8">
        <title></title>
        <script type="text/javascript" src="../../js/jquery-1.11.0.js"></script>
        <script>
           function changeJS(){
                var div = document.getElementById("div1");
                $(div).html("转换JQ对象来修改内容");
            }
           -----------------------------------------------------------------------
           $(function(){
            //按钮绑定事件
            $("#btn2").click(function(){
                
                $("#div1").html("JQ方式成功修改内容")
                });
            });
            
        </script>
    </head>
    <body>
        <input type="button" value="JS修改div内容" onclick="changeJS()" />
        <input type="button" value="JQ修改div内容" id="btn2" />
        <div id="div1">
            这里的内容一会要被JS和JQ代码改掉
        </div>
    </body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_39337047/article/details/88863056