Jquery<1>认识Jquery

来源：互联网发布：vip后缀的域名编辑：程序博客网时间：2024/05/21 05:24

Jquery 简介

http://www.jquery.com/
jQuery 是一个 JavaScript 函数库；
功能强悍；
jQuery2.0 及后续版本将不再支持 IE6/7/8 浏览器；

所以我们变使用1.x的版本支持xp

Jquery 的引入；

demo01.html

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript" src="../js/jquery-1.11.0.js"></script><script type="text/javascript">function getContent(){//传统方法;//var content=document.getElementById("content").value;//Jquery方法;var content=$("#content").val();alert(content);}</script></head><body><input type="text" id="content"/>  <input type="button" value="获取内容" onclick="getContent()"/></body></html>

demo02.html

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript" src="../js/jquery-1.11.0.js"></script><script type="text/javascript">/* //传统办法;function init(){document.getElementById("actionButton").onclick=function(){var content=document.getElementById("content").value;alert(content);}} */$(document).ready(function(){$("#actionButton").click(function(){alert($("#content").val());});});</script></head><body><input type="text" id="content" />  <input type="button" id="actionButton" value="获取内容"/></body></html>

0 0