- 1
- 0
- 约5.95万字
- 约 88页
- 2018-12-04 发布于上海
- 举报
jquery笔记吐血整理
html
head
script type=text/javascript src=jquery.js/script
script type=text/javascript
$(document).ready(function(){
$(p).click(function(){
$(this).hide();
});
});
/script
/head
body
pIf you click on me, I will disappear./p
/body
/html
------------------------------------------------------------------
html
head
script type=text/javascript src=jquery.js/script
script type=text/javascript
$(document).ready(function(){
$(button).click(function(){
$(p).hide();
});
});
/script
/head
body
h2This is a heading/h2
pThis is a paragraph./p
button type=buttonClick me/button
/body
/html
===================================================================
向页面添加 jQuery 库
jQuery 库位于单个的 JavaScript 文件中,其中包含所有 jQuery 函数。
可以通过下面的标记把 jQuery 添加到网页中:
head
script type=text/javascript src=jquery.js/script
/head
库的替代
Google 和 Microsoft 对 jQuery 的支持都很好。
如果您不愿意在自己的计算机上存放 jQuery 库,那么可以从 Google or Microsoft 加载 CDN jQuery 核心文件。
使用 Google 的 CDN
head
script type=text/javascript src=/ajax/libs
/jquery/1.4.0/jquery.min.js/script
/head
使用 Microsoft 的 CDN
head
script type=text/javascript src=/ajax/jquery
/jquery-1.4.min.js/script
/head
====================================================================
jQuery 语法:通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行“操作”(actions)。
jQuery 语法实例:
HYPERLINK C:\\Users\\Administrator\\Documents\\My Knowledge\\tiy\\t.asp-f=jquery_hide_this.htm $(this).hide()
演示 jQuery hide() 函数,隐藏当前的 HTML 元素。
HYPERLINK C:\\Users\\Administrator\\Documents\\My Knowledge\\tiy\\t.asp-f=jquery_hide_id.htm $(#test).hide()
演示 jQuery hide() 函数,隐藏 id=test 的元素。
HYPERLINK C:\\Users\\Administrator\\Documents\\My Knowledge\\tiy\\t.asp-f=jquery_hide_p.htm $(p).hide()
演示 jQuery hide() 函数,隐藏所有 p 元素。
HYPERLINK C:\\Users\\Administrator\\Documents\\My Knowledge\\tiy\\t.asp-f=jquery_hide_class.htm $(.test).hide()
演示 jQuery hide() 函数,隐藏所有 class=test 的元素。
jQuery 语法
jQuery 语法是为 HTML 元素的选取编制,可以对元素执行某些操作。
基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery action() 执行对元素的操作
实例
原创力文档

文档评论(0)