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 ...

随机推荐

搭建最小linux系统
Busybox简介 • 制作文件系统我们需要使用到Busybox 工具 – 版本为busybox-1.21.1.tar.bz2 – 开源网址是http://www.busybox.net/ – Bus ...
Java NIO (1)
Java NIO (1) 看了下java核心技术这本书关于nio的部分介绍比较少,而且如果自己写服务器的话nio用的还是比较多,整理一下nio的资料 java中nio主要是三个组件 Buffers ...
[Golang学习笔记] 04 程序实体1 变量声明
变量声明: Go语言的程序实体包含:变量.常量.函数.结构体和接口,是一门静态类型的编程语言. (在声明变量或常量的时候,需要指定类型,或者给予足够信息是的Go语言能够推导出类型) Go语言变量的类型 ...
2017-2018-1 20155307 《信息安全系统设计基础》第san周学习总结
2017-2018-1 20155307 <信息安全系统设计基础>第三周学习总结教材学习内容总结无符号数和有符号数的特性,数字如何表示,IEEE标准,浮点数格式.(我感觉我把课下测试做 ...
20155322 《Java程序设计》课堂实践项目数据库-3-4
20155322 <Java程序设计>课堂实践项目数据库-3-4 数据库-3 实践要求参考教材代码完成下面的要求,提交能连接到world的截图(有学号水印),并提交代码的码云链接.查询 ...
【MongoDB】如何注册windows服务
一.为什么要注册windows服务 mongodb启动比较麻烦,每次都要cmd去开启.注册windows服务,可以设置开机启动,比较友好. 二.如何注册windows服务 1.安装mongodb 2. ...
【LG3206】[HNOI2010]城市建设
[LG3206][HNOI2010]城市建设题面洛谷题解有一种又好想.码得又舒服的做法叫线段树分治+$LCT$ 但是因为常数过大,无法跑过此题. 所以这里主要介绍另外一种玄学$cdq$ ...
Python运维三十六式：用Python写一个简单的监控系统
市面上有很多开源的监控系统:Cacti.Nagios.Zabbix.感觉都不符合我的需求,为什么不自己做一个呢? 用Python两个小时徒手撸了一个简易的监控系统,给大家分享一下,希望能对大家有所启发 ...
我们一起学习WCF 第一篇初识WCF（附源码供对照学习）
前言:去年由于工作需要我学习了wcf的相关知识,初期对wcf的作用以及为何用怎么样都是一知半解,也许现在也不是非常的清晰.但是通过项目对wcf的运用在脑海里面也算有了初步的模型.今天我就把我从开始wc ...
python全栈开发- 前⽅⾼能-迭代器
python_day_12 今日主要内容 1, 函数名的应用,第一类对象函数名可以像变量一样进行使用 1.赋值 2.作为list元素 3.作为参数 4.作为返回值 2, 闭包内部函数访问外部函数的 ...

jQuery的2把利器

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

随机推荐

热门专题