jQuery_jQuery的基本使用
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title>01_初识jQuery</title> <!--使用原生DOM-->
<script type="text/javascript">
window.onload = function() {
var 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.12.3.js"></script>
<script type="text/javascript">
//绑定文档加载完成的监听
//写法1
$(function() {
$('#btn2').click(function() {
var username = $('#username').val()
alert(username)
})
})
//写法2
jQuery(function() {
var $btn2 = $('#btn2')
$btn2.click(function() { // 给btn2绑定点击监听
var username = $('#username').val()
alert(username)
})
}) /*
1. 使用jQuery核心函数: $/jQuery
2. 使用jQuery核心对象: 执行$()返回的对象
*/
</script>
</head> <body> <!--
需求: 点击"确定"按钮, 提示输入的值
-->
用户名: <input type="text" id="username">
<button id="btn1">确定(原生版)</button>
<button id="btn2">确定(jQuery版)</button> </body> </html>
jQuery_jQuery的基本使用的更多相关文章
- Jquery_jquery中attr和prop的区别
在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: ...
- Jquery_JQuery之DataTables强大的表格解决方案
1.DataTables的默认配置 $(document).ready(function() { $(‘#example’).dataTable(); } ); 示例:http://www.guoxk ...
- jQuery_jQuery的两把利器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
随机推荐
- OpenJudge计算概论-异常细胞检测
/*======================================================================== 异常细胞检测 总时间限制: 1000ms 内存限制 ...
- 放射渐变RadialGradient
public RadialGradient(float centerX, float centerY, float radius, int[] colors, float[] stops, TileM ...
- NetHogs监控Linux的每个进程流量
在日常运维环境中,我们肯定会遇到以下这种需求: 1.网络流量异常,不知道是哪个程序的流量爆涨? 2.日常需要监控网络实时的流量进去数据 面试装逼系列|这篇文章,让运维监控不再成为你的短板! 学会这 1 ...
- ISO/IEC 9899:2011 条款5——5.1.1 翻译环境
5.1.1 翻译环境 5.1.1.1程序结构 1.一个C程序不需要一次全被翻译完.程序的文本被保存在本国际标准中被称作为源文件(或预处理文件)的单元里.一个源文件连同所有通过指示符#include所包 ...
- 命令行启动python的IDLE
如果你电脑上使用了anaconda2,默认路径为python2,但是你又想使用anaconda2下的python3的idle 方法如下: 首先查看python的路径: (deeplearning3) ...
- jQuery调用WCF
jQuery要调用WCF,首先要创建service.svc服务文件,这里边需要注意: [ServiceContract(Namespace = "")] [AspNetCompat ...
- 【Leetcode_easy】783. Minimum Distance Between BST Nodes
problem 783. Minimum Distance Between BST Nodes 参考 1. Leetcode_easy_783. Minimum Distance Between BS ...
- Egret入门学习日记 --- 第九篇（书中 2.7~2.8节 内容）
第九篇(书中 2.7~2.8节 内容) 昨天记录到了 2.6节 ,那么今天就从 2.7节 开始. 这个 2.7节 有7个小段,有点长,总结一下重点: 1.调试项目的两种方法. 2.运行项目的两种窗口选 ...
- Kali之Metasploit生成apk后门控制安卓
扫盲教程,大佬勿喷. 实验中请更改为你环境的IP. 生成apk后门 Kali Linux(Hack):192.168.169.76 Android(靶机):192.168.169.137 启动kali ...
- mysql 1366错误