1 / 14
文档名称:

jquery自学手册.doc

格式:doc   页数:14页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

jquery自学手册.doc

上传人:n22x33 2015/10/13 文件大小:0 KB

下载得到文件列表

jquery自学手册.doc

相关文档

文档介绍

文档介绍:jQuery 语法实例
$(this).hide()
演示 jQuery hide() 函数,隐藏当前的 HTML 元素。
$("#test").hide()
演示 jQuery hide() 函数,隐藏 id="test" 的元素。
$("p").hide()
演示 jQuery hide() 函数,隐藏所有<p> 元素。
$(".test").hide()
演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。
首先要知道各种标签等的调用语法,出去自身的this外,其他的调用全部要用""标注,否则是不能被识别的。
然后就是一个非常使用的前置函数:
$(document).ready(function(){
jQuery()
--- jQuery functions go here ----
});
这个函数是可以让所有文档加载完成后才执行内部的js代码。是为了解决某些类名等的调用问题。
然后就是通过元素名称比如类名或者是id名来选择对应的标签例子如下:
jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取<p> 元素。
$("") 选取所有 class="intro" 的<p> 元素。
$("p#demo") 选取 id="demo" 的第一个<p> 元素。
同样的,jquery也支持某种特定属性的标签选择比如:
jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于"#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于"#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以".jpg" 结尾的元素。
所以说jquery选择某个标签是非常灵活的,
使用jquery可以非常灵活的对css进行修改:
$("p").css("background-color","red");
属性修改方面要特别注意样式代码和样式名要分别用””标注,并且用“,”隔开。
语法
描述
$(this)
当前 HTML 元素
$("p")
所有<p> 元素
$("")
所有 class="intro" 的<p> 元素
$(".intro")
所有 class="intro" 的元素
$("#intro")
id="intro" 的第一个元素
$("ul li:first")
每个<ul> 的第一个<li> 元素
$("[href$='.jpg']")
所有带有以".jpg" 结尾的属性值的 href 属性
$("div#intro .head")
id="intro" 的<div> 元素中的所有 class="head" 的元素
通常js调用都放置到<head></head>之中调用,这样的话有助于代码的规范化以及便于后期修改。
触发的函数都是这样表示的,通过前边选取的标签然后加“.”加动作,动作内容里边可以嵌套函数function(){};
$("button").click(function() {..some code... } )
写代码的话一定要保证代码的闭合状态,动作后边要跟();,并且一定要保证是闭合的。
jQuery 名称冲突
jQuery 使用$ 符号作为 jQuery 的简介方式。
某些其他 JavaScript 库中的函数(比如 Prototype)同样使用$ 符号。
jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=(),帮助您使用自己的名称(比如 jq)来代替$ 符号。
Jquery的几个最常用事件:
Event 函数
绑定函数至
$(document).ready(function)
将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function)
触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function)
触发或将函数绑定到被选元素的双击事件
$(selector).focus(function)
触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function)
触发或将函数绑定到被选元素的鼠标悬停事件
jQuery toggle() 函数使用 show() 或 hide() 函数来切换 HTM

最近更新

2025年深度解析大淘宝战略 10页

2025年打羽毛球的礼仪 6页

2025年打扫卫生公益劳动课程实践报告 17页

2025年手机销售计划 7页

化学的理论体系形成与实践应用方向解析 3页

2025年深圳龙岗区文体中心影剧院部分空调通风.. 7页

2025年房屋租赁委托合同 11页

动态聚类-模糊模式识别及其应用 3页

动态多模态视角下的昆剧翻译研究--以李林德英.. 3页

2025年房屋建筑安全隐患排查整治专项行动工作.. 42页

加速康复理念下腔镜乳腺癌手术在临床中的应用.. 3页

加氢精制高压换热器管箱隔板脱落原因及分析 3页

建筑电气CAD施工图识 55页

2025年房地产行业行政经理岗位职责 10页

功能语篇分析视角下的翻译显化研究--以《论语.. 3页

劈绕射系数的一种通用表达式及应用 3页

2025年户口迁回原籍申请书 7页

利用遥感技术编制黄河下游(150万)古河道图 3页

2025年戒烟的作文 10页

2025年山西药科职业学院单招职业技能测试题库.. 73页

2025年山西药科职业学院单招职业技能测试题库.. 81页

部编版五年级下册语文全册教学反思 39页

八年级上册语文必背古诗文言文 16页

军事地形学---地形分析 26页

高中生物必修2 遗传与进化 必会知识默写 6页

【形意十二形拳:鸡形拳在搏击中的应用研究】.. 2页

Proakis的数字通信第四版的习题答案(中文版) 41页

居民供水深井泵配电变压器的选型及效益分析 5页

食品安全自查、从业人员健康管理、进货查验记.. 3页