JQuery学习笔记-Hello world
2016-02-04 11:04
501 查看
[code=php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){//相当于window.onload
$("button").click(function(){
//alert("Hello world!!!");
alert($(this).text());
//JQuery对象和DOM对象
//获取一个JQuery对象
var $btn = $("button");
//JQuery对象是一个数组
//alert($btn.length);
//可以通过数组的下标转为DOM对象
//alert($btn[0].firstChild.nodeValue);
//由DOM对象转为JQuery对象
var btn = document.getElementById("btn");
//alert($(btn).text());
//$("#id") document.getElementById("id");
//$("tagName") document.getElementByTagName("tagName");
});
})
</script>
</head>
<body>
<button id="btn">click me1</button>
<button>click me2</button>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){//相当于window.onload
$("button").click(function(){
//alert("Hello world!!!");
alert($(this).text());
//JQuery对象和DOM对象
//获取一个JQuery对象
var $btn = $("button");
//JQuery对象是一个数组
//alert($btn.length);
//可以通过数组的下标转为DOM对象
//alert($btn[0].firstChild.nodeValue);
//由DOM对象转为JQuery对象
var btn = document.getElementById("btn");
//alert($(btn).text());
//$("#id") document.getElementById("id");
//$("tagName") document.getElementByTagName("tagName");
});
})
</script>
</head>
<body>
<button id="btn">click me1</button>
<button>click me2</button>
</body>
</html>
相关文章推荐
- Ajax学习笔记-JQuery中的Ajax
- jQuery EasyUI使用教程之在数据网格中创建列组
- jquery写的一个圆形动画加载进度条
- JQuery模拟点击click
- jQuery----blur()方法
- jquery的checkbox,radio,select等方法总结
- jquery复选框 选中事件 及其判断是否被选中
- jQuery原理系列-css选择器实现
- NET 利用 jquery+ztree 实现 角色权限设置(以树结构显示导航菜单)
- 【jQuery基础学习】09 jQuery与前端(这章很水)
- jQuery 中的 DOM 操作
- JQuery实现品牌展示
- jquery操作select元素和option的实例代码
- form表单的提交相关的jquery
- jQuery.fn.extend() jQuery.extend()
- Ajax的实现和jQuery下的Ajax
- jQuery - 编写jQuery插件的基本形式(下)
- jQuery插件地址汇总
- JQuery Autocomplete实战
- jquery 处理返回数据 html json xml