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

jQuery的2把利器

时间:2018-07-26 14:54:08      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:back   加载完成   user   span   文档加载   tle   query   val   对象   

<!--
$是一个函数,首先是给window添加$,然后该值是一个函数,函数返回的值是对象。
1. jQuery核心函数
* 简称: jQuery函数($/jQuery)
* jQuery库向外直接暴露的就是$/jQuery
* 引入jQuery库后, 直接使用$即可
* 当函数用: $(xxx)
* 当对象用: $.xxx()
2. jQuery核心对象
* 简称: jQuery对象
* 得到jQuery对象: 执行jQuery函数返回的就是jQuery对象
* 使用jQuery对象: $obj.xxx()
-->

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>01_初始jQuery</title>
        <script type="text/javascript">
            window.onload = function(){
                btn1 = document.getElementById("btn1");
                btn1.onclick = function(){
                    var username = document.getElementById("username").value;
                    alert(username)
                    
                }
            }
        </script>
        <!--使用jQuery实现-->
        <script type="text/javascript" src="../../js/jquery-1.10.1.js"></script>
        <script type="text/javascript">
            //1\使用jQuery核心函数($,jQuery)
            //绑定文档加载完成的监听,就是跟window.onload的效果一样辣$(function(){})
                
            $(function(){
                $("#btn2").click(function(){
                    var username = $("#username").val();//给btn2绑定监听
                    alert(username)
                })
                
            })
            /*
             * jquery核心对象
             * 执行$()返回的对象
             * jQuery对象都会在前面加一个$
             */
        </script>
    </head>
    <body>
        <!--需求:点击”确定“按钮,提示输入的值-->
        用户名:
        <input type="text" id="username" >
        <button id="btn1">确定(原生版)</button>
        <button id="btn2">确定(jQuery版)</button>
    </body>
</html>

 

jQuery的2把利器

标签:back   加载完成   user   span   文档加载   tle   query   val   对象   

原文地址:https://www.cnblogs.com/caicaihong/p/9371070.html

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