标签: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>
标签:back 加载完成 user span 文档加载 tle query val 对象
原文地址:https://www.cnblogs.com/caicaihong/p/9371070.html