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 学习小结的更多相关文章

  1. jQuery学习小结

    1.jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $("#hide").clic ...

  2. JavaScript及jQuery学习小结

    最近几天学习了很多关于JavaScript和jQuery的文章,稍作梳理后,总结如下. 1.jQuery入门系列 环境搭建 只需引用一个jQuery库文件,即可完成jQuery的环境搭建. 选择器 j ...

  3. jQuery学习小结3——AJAX

    一.jQuery的Ajax方法 jQuery对Ajax 做了大量的封装,使用起来也较为方便,不需要去考虑浏览器兼容性.对于封装的方式,jQuery 采用了三层封装: 最底层的封装方法为——$.ajax ...

  4. jQuery学习小结2——动画

    一.基础动画 方法名 说明 show([speed,[easing],[fn]])hide([speed,[easing],[fn]]) speed:三种预定速度之一的字符串("slow&q ...

  5. jQuery学习小结1-CSS操作+事件

    一.DOM对象和jQuery 对象互换 1.jQuery对象 就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法.比如: $(&quo ...

  6. 大量Javascript/JQuery学习教程电子书合集

    [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人   不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pd ...

  7. [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人

    不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pdf 274.79 KB   21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...

  8. jQuery学习笔记(一)jQuery选择器

    目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...

  9. jQuery学习之路(1)-选择器

    ▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript ...

随机推荐

  1. Ajax与CustomErrors的尴尬

    在ASP.NET程序中,为了给用户显示友好的错误信息,通常在web.config中进行如下的设置: <customErrors mode="RemoteOnly" defau ...

  2. Python 实现类似PHP的strip_tags函数功能,并且可以自定义设置保留标签

    最近在研究 Python ,发现用的还是很不习惯,很多PHP里面很简单的功能在Python 里面都得找半天,而且很多功能都得自己实现. 今天做个采集,需要过滤内容中的标签,搞了一下午,貌似终于搞出来了 ...

  3. Jquery几秒自动跳转

    $(document).ready(function() { function jump(count) { window.setTimeout(function(){ count--; if(coun ...

  4. 斗地主 (NOIP2015 Day1 T3)

    斗地主 张牌,因为它可以连在K后, 总体思路为 先出炸弹和四带二 再出三带一 再把对牌和单牌出完 记录并更新Answer,后枚举顺子,并继续向下搜索. 注意:弄明白题意,题目描述不太清楚....另外, ...

  5. jsp或servlet返回并刷新页面

    2012-04-27 22:39:05|  分类: JAVA |  标签:返回刷新  |举报|字号 订阅     只用window.history.back(-1);返回页面但不会刷新,还是原来的数据 ...

  6. POJ 3253 Fence Repair (优先队列)

    POJ 3253 Fence Repair (优先队列) Farmer John wants to repair a small length of the fence around the past ...

  7. 构建maven的web项目时注意的问题

    构建项目后或者导入项目后,我们需要bulid path--->config build path 特别是maven的依赖一定要 发布到WEB_INF的lib下面,不然在发布项目的时候,这些依赖都 ...

  8. vscode: Visual Studio Code 常用快捷键

    vscode: Visual Studio Code 常用快捷键 主命令框 F1 或 Ctrl+Shift+P: 打开命令面板.在打开的输入框内,可以输入任何命令,例如: 按一下 Backspace ...

  9. xml文件查找重复元素(超简单版)

    使用WPS,新建一个表格文件,将xml拖入表格,点数据,选中存在重复项的列,点高亮重复项,OK.

  10. Request.UrlReferrer为空的问题

    Request.UrlReferrer为空的问题   今天在开发时遇到了一个问题,在用Request.UrlReferrer获取上一页面的地址时发现该对象为空(IE下,FF下可以得到对象),于是上网搜 ...