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有两个参数,第一个是被请求页面的内容,第二个是请求的状态;

时间: 2024-08-10 23:28:37

jQuery 学习小结的相关文章

jQuery学习小结

1.jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 2.jQuery Fading 方法 通过 jQuery,您可以实现元素的淡入淡出效果.

javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo

javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo 前言 在JS学习中,对于原生的很多东西我理解得并不透彻.但是使用jQuery来操作DOM,基本上还是非常熟练的.但是对于AJAX数据交互的处理,我不是很理解. 近期团队交给我一个后端全接口提供给我的项目.我要利用这些接口来自己组织前端代码.为了学习,我决定不使用VUE或者其他的前端框架来做.而是只使用jQuery框架,数据的部分全部使用拼接字符串的形式实现. 获取数据,显示数据,提交数据. 在这个项目中(

javascript 学习小结 JS装逼技巧(一) by FungLeo

javascript 学习小结 JS装逼技巧(一) by FungLeo 前言 最近一直在做javascript方面的工作.但是本身我的javascript水平比较低,因此在学习过程中比较困难.而最近又接触到了很多的知识点.好记性不如烂笔头,因此写这篇零碎的博文,记一记我学到的一些好玩的东西. 简单的新建各种元素 创建各种元素都有相对应的方法,例如,创建一个数组可以这样写var arr = new Array 当然,这样做是对的,但是我英文很烂,并且不喜欢这样的代码.我喜欢的是下面这样的. //

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

jquery学习(一)

简单的jquery学习,首先在页面引入jquery <!-- 引入jquery --> <script src="js/jquery-1.8.3.js" type="text/javascript"></script> 首先一定要注意的是引入的路径 按照案例写一个简单的DEMO <%@ page language="java" contentType="text/html; charset=UT

Js脚本之jQuery学习笔记(1)

Js脚本之jQuery学习笔记(1) 一.javascript基础 单行注释 多行注释 /* */ 数据类型 数值型 字符串型 布尔型 空值 未定义值 转义字符 函数定义:1234567891011121314<head><script language="javascript"function test(m){var xixi="嘻嘻"alert("这是javascript")document.write(xixi + m)}

jQuery学习总结(一)

jQuery学习完了,但是感觉知识点很杂,想JavaScript一样,所以还是总结一下比较好. 1.DOCTYPE 在每次的html页面前都会有这样一句话,那么它有什么作用呢? DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档.也就是告知浏览器的渲染显示方式. 2.新的方法--专属jQuery (1)$()方法: 可以通过$()方法来获得页面的指定节点,参数是某种CSS的选择器. var userN

jQuery学习-事件之绑定事件(三)

在上一篇<jQuery学习-事件之绑定事件(二)>我们了解了jQuery的dispatch方法,今天我们来学习下handlers 方法: handlers: function( event, handlers ) {         var sel, handleObj, matches, i,             handlerQueue = [],             delegateCount = handlers.delegateCount,             cur =

git学习小结

背景:最近因为工作原因,需要将以前的代码库由bitbucket重新布置在一台服务器上,所以就学习了下git,特此记录下 在167这台机器上搭建apache,用做git server,由于以前apache都已经搭好了,所以这里只配置git server 就可以了,此处贴出配置: 服务器搭好了,来到配置中的root目录,git clone https://[email protected]/XXXX 此时,库和服务器都搭好了,用于新库测试的机器也可以从git server上克隆库了,来,我们来试试从