jQuery 学习小结
1,jQuery是一个简单的JavaScript库,提供了一系列辅助函数;以下简称jq;
使用jq时,通常将jq代码放到head部分的事件处理方法中,也可以将其单独写出 .js 文件,引入;但无论哪种使用形式,使用ja之前都要先引用有jq的文件,可以到jquery的官网下载,然后<script src="jquery库文件地址"></script>
2,jq的代码一般封装到$(document).ready(function(){ //代码段;})中,类似于JS中的window.onload=function(){};
3,上述出现的 “ $ ”符号,就是jquery的标记,也可以将 $ 符号写成jquery;
4,jq中的选择器:
1)元素选择器:
$("标签名 "); 如:$("p")是选取了所有的P标签节点;
2)属性选择器:
$("[href]") : 选取所有带有href属性的元素;
$("[href = '#']"); :选区所有href值等于 # 的元素;
$("[href != '#']"); :选区所有href值不等于 # 的元素;
$("[href $= '.jpg' ]"); :选取所有href值 以.jpg结尾的元素;
3)css选择器:
$("标签名").css("属性名","属性值"); 如:$("p").css("background-color","red");
5,jq中获取元素内容的方法:
text() : 获取元素文本内容;
html():获取元素文本内容(包括html标签);
value():获取表单元素 的值;如 input的值;
6,jq中修改元素内容的方法:类似于获取元素内容的方法,但是添加了 参数;
text(“修改之后的新内容”);
html(“<标签>修改之后的新内容</标签>”);
value(“修改后的新内容”);
7,获取属性方法:注意有参数为属性名;
attr();如:alert(("#id").attr("name"));//name为属性名;
8,添加和删除元素的方法:
添加方法:
append():在末尾添加;
prepend():在开头添加;
after():在元素后面添加;
berfore():在元素前面添加;
删除元素:
remove():删除被选元素及其子元素;
empty():从被选元素中删除子元素;
9,jq 提供多个与Ajax有关的方法;以下是最常用的3个方法:
1)load():从服务器加载数据,并把返回的数据放到被选元素中;
$(selector).load(URL , data , callback);
URL规定加载的url;
可选的data参数规定与请求一同发送的查询字符串键值对的集合;
可选的callback参数load()方法完成后所执行的函数名称。
2)get和post方法:
1)$.get()方法通过HTTP GET请求从服务器上请求数据;
$.get(url ,callback); url是必须的,callback可选;
2)$.post()方法通过HTTP POST请求从服务器上请求数据;
$.post(url ,data ,callback);
url是必须的,其他可选,data是连同请求发送的数据;callback有两个参数,第一个是被请求页面的内容,第二个是请求的状态;
jQuery 学习小结的更多相关文章
- jQuery学习小结
1.jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $("#hide").clic ...
- JavaScript及jQuery学习小结
最近几天学习了很多关于JavaScript和jQuery的文章,稍作梳理后,总结如下. 1.jQuery入门系列 环境搭建 只需引用一个jQuery库文件,即可完成jQuery的环境搭建. 选择器 j ...
- jQuery学习小结3——AJAX
一.jQuery的Ajax方法 jQuery对Ajax 做了大量的封装,使用起来也较为方便,不需要去考虑浏览器兼容性.对于封装的方式,jQuery 采用了三层封装: 最底层的封装方法为——$.ajax ...
- jQuery学习小结2——动画
一.基础动画 方法名 说明 show([speed,[easing],[fn]])hide([speed,[easing],[fn]]) speed:三种预定速度之一的字符串("slow&q ...
- jQuery学习小结1-CSS操作+事件
一.DOM对象和jQuery 对象互换 1.jQuery对象 就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法.比如: $(&quo ...
- 大量Javascript/JQuery学习教程电子书合集
[推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人 不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pd ...
- [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人
不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...
- jQuery学习笔记(一)jQuery选择器
目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...
- jQuery学习之路(1)-选择器
▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript ...
随机推荐
- Ajax与CustomErrors的尴尬
在ASP.NET程序中,为了给用户显示友好的错误信息,通常在web.config中进行如下的设置: <customErrors mode="RemoteOnly" defau ...
- Python 实现类似PHP的strip_tags函数功能,并且可以自定义设置保留标签
最近在研究 Python ,发现用的还是很不习惯,很多PHP里面很简单的功能在Python 里面都得找半天,而且很多功能都得自己实现. 今天做个采集,需要过滤内容中的标签,搞了一下午,貌似终于搞出来了 ...
- Jquery几秒自动跳转
$(document).ready(function() { function jump(count) { window.setTimeout(function(){ count--; if(coun ...
- 斗地主 (NOIP2015 Day1 T3)
斗地主 张牌,因为它可以连在K后, 总体思路为 先出炸弹和四带二 再出三带一 再把对牌和单牌出完 记录并更新Answer,后枚举顺子,并继续向下搜索. 注意:弄明白题意,题目描述不太清楚....另外, ...
- jsp或servlet返回并刷新页面
2012-04-27 22:39:05| 分类: JAVA | 标签:返回刷新 |举报|字号 订阅 只用window.history.back(-1);返回页面但不会刷新,还是原来的数据 ...
- POJ 3253 Fence Repair (优先队列)
POJ 3253 Fence Repair (优先队列) Farmer John wants to repair a small length of the fence around the past ...
- 构建maven的web项目时注意的问题
构建项目后或者导入项目后,我们需要bulid path--->config build path 特别是maven的依赖一定要 发布到WEB_INF的lib下面,不然在发布项目的时候,这些依赖都 ...
- vscode: Visual Studio Code 常用快捷键
vscode: Visual Studio Code 常用快捷键 主命令框 F1 或 Ctrl+Shift+P: 打开命令面板.在打开的输入框内,可以输入任何命令,例如: 按一下 Backspace ...
- xml文件查找重复元素(超简单版)
使用WPS,新建一个表格文件,将xml拖入表格,点数据,选中存在重复项的列,点高亮重复项,OK.
- Request.UrlReferrer为空的问题
Request.UrlReferrer为空的问题 今天在开发时遇到了一个问题,在用Request.UrlReferrer获取上一页面的地址时发现该对象为空(IE下,FF下可以得到对象),于是上网搜 ...