jquery入门
2017-02-03 12:49
197 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>jQuery入门</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="js/jquery-1.8.2.js"></script> </head> <body> <input id="inputID" type="button" value="这就是jQuery库,写少代码,做多事情"/> <div id="divID">哈哈哈</div> <script type="text/javascript"> //取得<input>标签中的value属性的内容 /*js方式 var inputElement = document.getElementById("inputID"); var input = inputElement.value; alert(input);*/ /*jquery方式 var $input = $("#inputID"); var input = $input.val(); alert(input);*/ //取得<div>标签中的文本内容 /*js方式 var divElement = document.getElementById("divID"); var div = divElement.innerHTML; alert(div);*/ //jquery方式 /* var $div = $("#divID"); var div = $div.html(); alert(div); */ </script> </body> </html>
相关文章推荐
- jQuery中文入门指南,翻译加实例,jQuery的起点教程
- jQuery中文入门指南,翻译加实例,jQuery的起点教程
- jquery 指南/入门基础
- jQuery入门[1]-构造函数
- jQuery入门[5]-AJAX
- jQuery入门[2]-选择器
- jQuery(ajax框架)中文入门指南
- jQuery中文入门指南
- jQuery中文入门指南(转)
- jQuery中文入门指南,翻译加实例,jQuery的起点教程(一)
- 使用jQuery简化Ajax开发——Ajax开发入门[2][完]
- jQuery中文入门指南,实例,起点教程
- jquery 指南/入门基础
- jquery入门1:简单收缩菜单
- jQuery中文入门指南,翻译加实例,jQuery的起点教程
- jQuery中文入门指南,翻译加实例,jQuery的起点教程
- 使用jQuery简化Ajax开发——Ajax开发入门[1]
- jQuery中文入门指南,翻译加实例,jQuery的起点教程
- jQuery入门[4]-链式代码
- jQuery入门[6]-动画