jquery基础
2018-06-17 23:59:30来源：未知 阅读 ()
1. jquery 安装
- 可以从jquery.com下载jQuery库，链接：http://jquery.com/download/
- 或者从CDN中载入jQuery，如从goole中加载jquery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>
2. jquery简介
jquery库是一个javascrip文件，可以通过html的<script>标签引用
<head> <script src="jquery-1.10.2.min.js"></script> </head>
3. jquery基础语法
jquery语法通过选取html元素，并对选取的元素执行某些操作。
基础语法：$(selector).action()
a. 美元$定义jquery
b. 选择符selector 查询、查找html元素，可以对照css选择器使用
c.jquery的action()执行对元素的操作
$(document).ready() 方法允许我们在htnl完全加载完后执行函数。
$(document).ready(function(){ $('#sub').click(function(){ #操作 }); });
4. jquery常用方法
a. 元素选择器
举例：
b.事件
click() 按钮点击事件被触发调用函数
dbclick() 双击元素，触发dblclick事件
mouseenter() 鼠标悬浮到元素上时触发mouseenter事件
mouseleave() 鼠标离开元素时，触发mouseleave事件
mousedown() 鼠标移动到元素上，并按下鼠标时，触发mousedown事件
mouseup() 元素上松开鼠标时，发送mouseup事件
hover() 光标悬停事件，鼠标移动到元素上时触发指定的第一个函数，鼠标离开元素时，触发第二个函数
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#p1").hover( function(){ alert("你进入了 p1!"); }, function(){ alert("拜拜! 现在你离开了 p1!"); } ) }); </script> </head> <body> <p id="p1">这是一个段落。</p> </body> </html>
focus() 鼠标点击选择元素，触发focus事件
blur() 元素失去焦点时触发blur事件
hide() 按钮点击元素，触发hide事件
show() 按钮点击元素，触发show事件
c. 获取内容、添加元素
test() 设置或返回所选元素的文本内容
html() 设置或返回所选元素的内容
val() 设置或返回表单字段的值, 获取id为test的value值 alert("值为: " + $("#test").val());
attr() 获取href属性的值 alert($("#i1").attr("href"));
append()在被选元素的结尾插入内容 $("p").append(" <b>追加文本</b>。");
prepend() 在被选元素开头插入内容
after() 在被选元素之后插入内容
before() 在被选元素之前插入内容
remove() 删除被选元素及其子元素，全部删除包括样式
empry() 删除被选元素的子元素，只清空内容，样式删除
区别：
append/prepend 是在选择元素内部嵌入
after/before 是在元素外面追加
参考：
http://www.runoob.com/jquery/jquery-ajax-get-post.html
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：python 类型转换总结
下一篇：Matplotlib库的使用
- python3基础之“术语表（2）” 2019-08-13
- python_0基础开始_day07 2019-08-13
- 【Python】语法基础 | 开始使用Python 2019-08-13
- Python基础总结之初步认识---class类的继承（终）。第十六天 2019-08-13
- python3基础之“小练习（3）” 2019-08-13
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
