jQuery 语法
1向HTML中引入jQuery库
<head> <script src="/jquery/jquery-1.11.1.min.js"> </head>
如果没有下载到公共文件中,可以直接同过地址引用它。
使用Google的CDN
<head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.8.0/jquery.min.js"></script> </head>
使用Microsoft的CDN
<head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery /jquery-1.8.0.min.js"></script> </head>
2.向HTML中引入外部js文件:
- <script type="text/javascript" src="{% static 'pos/js/pos.js' %}"></script>
3.js文件中函数的语法:
jQuery 语法
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()
选择符(selector)//“查询”和“查找” HTML 元素
jQuery 的 action() //执行对元素的操作
所有 jQuery 函数位于一个 document ready 函数中:
$(document).ready(function(){ --- jQuery functions go here ---- });
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。
5.jQuery实例:
$(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); //隐藏当前的 HTML 元素。
$(document).ready(function(){ $("p").click(function(){ $(#test).hide(); }); }); // 隐藏 id="test" 的元素。
$(document).ready(function(){ $("p").click(function(){ $("p").hide(); }); }); //隐藏所有 <p> 元素。
$(document).ready(function(){ $("p").click(function(){ $(".test").hide(); }); }); // 隐藏所有 class="test" 的元素。
相关推荐
tztzyzyz 2020-07-05
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18