jQuery的2把利器

<!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把利器的更多相关文章

Java上的jQuery？解析HTML利器—Jsoup
也许大家有过在java运行平台上解析html的经历,通常的方式是将HTML以XML的形式进行结点解析,调用java本身的xml解析类库.这样的方式很容易理解并且很方便,但习惯用jQuery的各位是否在 ...
jQuery的两把利器
1 jQuery核心函数 * 简称: jQuery函数($/jQuery) * jQuery库向外直接暴露的就是$/jQuery * 引入jQuery库后, 直接使用$即可 * 当函数用: $(xxx ...
jQuery (02) 重点知识点总结
jQuery 如果用户未登录,当加入购物车,会将商品相关信息存入 cookie 或者 session,这两个都是可以标识用户信息的东西是一个 JavaScript 库,封装了常用的开发功能,和一些需 ...
jQuery初识、函数、对象
初识jQuery 官方地址:http://jquery.com/ what:一个优秀的JS函数库(封装了BOM.DOM(主要)) why: HTML元素选取(选择器) HTML元素操作 CSS操作 H ...
jQuery知识梳理20190817
目录 jQuery知识梳理20190817 1. jQuery的特征 2. jQuery的两把利器 2.1 jQuery核心函数 2.2 jQuery核心对象 3. jQuery核心函数详解 4. j ...
jQuery_jQuery的两把利器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
jQuery瀑布流无限拖三大利器：masonry+imagesloaded+infinitescroll
瀑布流已经是几乎过时的技术了,不过对于很多想要快速实现它的朋友而言,却绝非易事,因为即使我们已经有很多现成的代码,却发现在自己的开发环境中无法快速得到自己想要的结果.就像我们现在要介绍的三大利器(ma ...
jquery与服务器交换数据的利器--ajax（异步javascript and xml）
load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 一.下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容,加载 ...
文件上传利器JQuery上传插件Uploadify
在做日常项目中,经常在后台需要上传图片等资源文件,之前使用过几次这个组件,感觉非常好用 ,但是每次使用的时候都是需要经过一番查阅,所以还不如记住在这里,以后使用的时候就翻翻. 他的官方网站如下:htt ...

随机推荐

s3c6410 RomCode文档读后总结
最近无意中看到一篇关于s3c6410 RomCode的介绍,结合自己的经验,做个总结. 首先贴张图,具体描述下该芯片的启动方式及具体流程. 因为s3c6410的板子多数是从SD或者Nand方式启动,重 ...
x01.gamelab: An Tank 3D Model
准备 1. 安装 OpenGL 及添加 python 引用参见我的置顶随笔. 2. 下载源代码: http://download.csdn.net/download/china_x01/1013310 ...
（数据科学学习手札53）Python中tqdm模块的用法
一.简介 tqdm是Python中专门用于进度条美化的模块,通过在非while的循环体内嵌入tqdm,可以得到一个能更好展现程序运行过程的提示进度条,本文就将针对tqdm的基本用法进行介绍. 二.基本 ...
动手打造轻量web服务器（二）路由
tomcat启动慢?自己动手打造轻量web服务器(一) 上篇讲了怎么做一个最简单的web服务器,这篇就是在上篇加上URL路由功能(什么是路由?) 首先,根据http获得请求行 val scanner ...
Linux入门进阶第六天——登录文件、开机与模块管理
一.登录文件概述 1.什么是登录文件简单的说,就是记录系统活动信息的几个文件, 例如:何时.何地(来源 IP).何人 (什么服务名称).做了什么动作 (讯息登录啰). 换句话说就是:记录系统在什么时 ...
20155204 2016-2017-2 《Java程序设计》第9周学习总结
20155204 2016-2017-2 <Java程序设计>第9周学习总结教材学习内容总结 SRP单一职责原则,也叫内聚性,判断srp the 类方法 itself c与java的区 ...
实验四android开发基础
实验四android开发基础提交点一 Android Stuidio的安装测试: 参考<Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd) ...
小议linux
小议linux在虚拟机上的安装和命令行如何解决intel-vt-x被禁用而无法正常安装虚拟机一般在新的电脑上第一次安装虚拟都可能出现如下图的问题:intel-vt-x(intel Virtuali ...
PGP的原理与使用
实验名称: PGP的原理与使用姓名: 刘浩 20155307 任泓霖 20155319 班级: 1553 日期: 2017.10.16 一. 实验环境 Windows虚拟机下使用的是PKZIP2.0 ...
创龙6748开发板加载.out出现a data verification error occurred, file load failed
1. 需要提前添加GEL文件 2. 找到GEL文件路径 3. 然后再加载.out文件

jQuery的2把利器

jQuery的2把利器的更多相关文章

随机推荐

热门专题