zoukankan      html  css  js  c++  java
  • jQuery基础学习1

    标准HTML文件引入jQuery库方法:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    		<title></title>
    		<!-- 引入 jQuery -->
    		<script src="../scripts/jquery.js" type="text/javascript"></script>
    		
    		<script type="text/javascript">
    			//等待dom元素加载完毕.
    			$(document).ready(function(){
    				alert("Hello World!");
    			});
    		</script>
    	</head>
    	
    	<body>
    	</body>
    </html>
    

    1. 在jQuery库中,$就是jQuery的一个简写形式,$("#foo")和jQuery("#foo")是等价的,$.ajax和jQuery.ajax是等价的。

    2.$(document).ready(function(){……});这个方法类似于传统的JavaScript中的window.onload方法;$(document).ready()函数中的所有代码都将会提前(只要DOM在浏览器中被注册完毕)被执行,而不是在页面所有内容(例如图片等占用带宽的内容)完全加载完毕之后才执行事件;它允许用户在第一眼看到元素的时候,就能立即看到元素产生的影藏效果、显示效果和其他效果。


    3.$(document).ready()函数可以在代码中被反复调用。

    4.$(function(){……});是$(document).ready(function(){……});的缩写形式,二者功能完全一致。


    5.引入外部css文件的方式

    <link rel="stylesheet" href="css/default.css" type="text/css" />
    

     6.jQuery代码的注释

    单行注释采用//的方式

    多行注释采用/*……*/的方式

  • 相关阅读:
    POJ 1228 Grandpa's Estate | 凸包
    POJ 2187 Beauty Contest | 旋转卡壳
    POJ 3348 Cows | 凸包模板题
    POJ 1375 Intervals | 解析几何
    POJ 2074 | 线段相交
    POJ 1039 Pipe | 线段相交
    POJ 3304 Segments | 线段相交
    POJ 2318 TOYS | 二分+判断点在多边形内
    jpg、jpeg、png... 的区别
    xhr.readyState就绪状态
  • 原文地址:https://www.cnblogs.com/hushaojun/p/4779555.html
Copyright © 2011-2022 走看看