存档

‘jQuery’ 标签的文章

使用jQuery Ajax获取用户地址信息和User Agent

September 25th, 2010 59 条评论

jQuery 是一个JavaScript 库,它有助于简化 JavaScript 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同,jQuery 具有独特的基本原理,可以简洁地表示常见的复杂代码。

jQuery由John Resig创建,它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。

jQuery 能帮助您保证代码简洁易读。您再也不必编写大堆重复的循环代码和 DOM 脚本库调用了。使用 jQuery,您可以把握问题的要点,并使用尽可能最少的代码实现您想要的功能。毫无疑问,jQuery 的原理是独一无二的:它的目的就是保证代码简洁并可重用。

使用jquery的ajax,我们可以轻松的从特定网页获取所需的信息,并进行相应的处理。

下面的是一个简单示例,我们从这个网页上获取到您的地址信息和用户代理。

<!DOCTYPE html>
<html> 
<head>
<title>Jquery Ajax 获取UA信息</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
</head>
<body> 
<div id="uainfo" style="display:none;"></div> 
<span id="info"></span>
<script type="text/javascript">
$(document).ready(function(){ $("#uainfo").load('http://ip.tangblog.info/uaimg');
$("#uainfo").ajaxStop(function(){ var addr = $("#uainfo #Addrinfo").text();var info = $("#uainfo #UAinfo").html(); $("#info").html('您好,您来自'+addr+',您使用的是'+info+'系统!'); }) })
</script>
</body> 
</html>

(..More)

jQuery选择符-总结

September 19th, 2009 1 条评论

CSS选择符,如:
$('#title1 > li')为取得ID为title1(#title)的子元素(>)中所有的列表项(li)。
$('#title1 li:not(.class1)')为取得ID为title的后代元素中没有(not)class1类的所有列表项。
jQuery库支持XPath选择符。如:
$('a[@title]')为取得所有带title属性的链接。

(..More)