jQuery学习整理

最新推荐文章于 2024-08-10 07:18:02 发布

xiaoguo321

最新推荐文章于 2024-08-10 07:18:02 发布

阅读量453

点赞数

分类专栏： js 文章标签： jQuery js jquery

本文链接：https://blog.csdn.net/xiaoguo321/article/details/54598784

版权

这篇博客介绍了jQuery的基本使用，包括如何使用选择器选取元素，运用CSS选择器改变元素样式，使用事件处理用户交互，以及DOM操作如添加、删除和遍历元素。还详细讲解了jQuery的淡入淡出、滑动等动画效果，以及AJAX的load、get和post方法。

摘要由CSDN通过智能技术生成

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>jQuery test</title>
  <link href="jQuery/jquery.steps.css" rel="stylesheet">
  <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="jQuery/jquery.steps.js"></script>
  <script src="jQuery/jquery.steps.min.js"></script>
  
 </head>

 <script>
 /*初始化方法*/
 $(document).ready(function(){
   var wizard = $("#wizard").steps();

	// Add step
	wizard.steps("add", {
		title: "HTML code", 
		content: "<strong>HTML code</strong>"
	});


    var test = $(".intro.demo").text();
	//alert(test);
	//alert($("span:first").text());
	//alert($("span:last").text());
	//alert($("span:even").text());
	//alert($("span:odd").text());

	//alert($("span:eq(2)").text());
	//alert($("span:lt(1)").text());
	//alert($("span:gt(1)").text());

	//alert($("span[class='intro']").text());

	//alert($(":input").val());
	$("input#buId").click(function(){
		getprovince();
	   //alert($(":input").val());
	   //$(":input[type='text']").toggle(1,getTest);

	   //$("#demo").fadeIn();
       //$("#demo2").fadeIn("slow");
       //$("#demo3").fadeIn(3000);

	   //$("#demo").fadeOut();
       //$("#demo2").fadeOut("slow");
       //$("#demo3").fadeOut(3000);

       $("#demo").fadeTo("slow",0.15);
       $("#demo2").fadeTo("slow",0.4);
       $("#demo3").fadeTo("slow",0.7);

	   //$("#demo").fadeToggle();
	   //$("#demo2").fadeToggle("slow");
	   //$("#demo3").fadeToggle(3000);

	    $(":input[type='text']").animate({left:'250px'});
     
        alert($("#atta").attr("href"));
		$("#atta").attr({
		    "href":"http://www.jd.com",
			"title":"啦啦啦"
		});
     
		$("#atta").attr("href",function(i,v){
		    alert("回调函数："+v);
			return "http://taobao.com";
		});

	});
 });

 function getprovince(){
	 var province = "";
    //调新浪js接口获取当前ip的省市
	$.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format