热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQuery学习小结

1,jQuery是一个简单的JavaScript库,提供了一系列辅助函数;以下简称jq;使用jq时,通常将jq代码放到head部分的事件处理方法中,也可以将其单独写出.js文件,引

1,jQuery是一个简单的Javascript库,提供了一系列辅助函数;以下简称jq;

使用jq时,通常将jq代码放到head部分的事件处理方法中,也可以将其单独写出 .js 文件,引入;但无论哪种使用形式,使用ja之前都要先引用有jq的文件,可以到jquery的官网下载,然后

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


推荐阅读
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 第二十五天接口、多态
    1.java是面向对象的语言。设计模式:接口接口类是从java里衍生出来的,不是python原生支持的主要用于继承里多继承抽象类是python原生支持的主要用于继承里的单继承但是接 ... [详细]
  • 深入解析HTML5字符集属性:charset与defaultCharset
    本文将详细介绍HTML5中新增的字符集属性charset和defaultCharset,帮助开发者更好地理解和应用这些属性,以确保网页在不同环境下的正确显示。 ... [详细]
  • 解决Only fullscreen opaque activities can request orientation错误的方法
    本文介绍了在使用PictureSelectorLight第三方框架时遇到的Only fullscreen opaque activities can request orientation错误,并提供了一种有效的解决方案。 ... [详细]
  • 本文详细介绍了如何解决DNS服务器配置转发无法解析的问题,包括编辑主配置文件和重启域名服务的具体步骤。 ... [详细]
  • 网站访问全流程解析
    本文详细介绍了从用户在浏览器中输入一个域名(如www.yy.com)到页面完全展示的整个过程,包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]
  • 微软推出Windows Terminal Preview v0.10
    微软近期发布了Windows Terminal Preview v0.10,用户可以在微软商店或GitHub上获取这一更新。该版本在2月份发布的v0.9基础上,新增了鼠标输入和复制Pane等功能。 ... [详细]
  • MySQL 5.7 学习指南:SQLyog 中的主键、列属性和数据类型
    本文介绍了 MySQL 5.7 中主键(Primary Key)和自增(Auto-Increment)的概念,以及如何在 SQLyog 中设置这些属性。同时,还探讨了数据类型的分类和选择,以及列属性的设置方法。 ... [详细]
  • Framework7:构建跨平台移动应用的高效框架
    Framework7 是一个开源免费的框架,适用于开发混合移动应用(原生与HTML混合)或iOS&Android风格的Web应用。此外,它还可以作为原型开发工具,帮助开发者快速创建应用原型。 ... [详细]
  • 本文介绍了如何使用 CMD 批处理脚本进行文件操作,包括将指定目录下的 PHP 文件重命名为 HTML 文件,并将这些文件复制到另一个目录。 ... [详细]
  • 本文介绍了如何利用HTTP隧道技术在受限网络环境中绕过IDS和防火墙等安全设备,实现RDP端口的暴力破解攻击。文章详细描述了部署过程、攻击实施及流量分析,旨在提升网络安全意识。 ... [详细]
  • 解决Parallels Desktop错误15265的方法
    本文详细介绍了在使用Parallels Desktop时遇到错误15265的多种解决方案,包括检查网络连接、关闭代理服务器和修改主机文件等步骤。 ... [详细]
  • 解决 Windows Server 2016 网络连接问题
    本文详细介绍了如何解决 Windows Server 2016 在使用无线网络 (WLAN) 和有线网络 (以太网) 时遇到的连接问题。包括添加必要的功能和安装正确的驱动程序。 ... [详细]
  • 使用Jsoup解析并遍历HTML文档时,该库能够高效地生成一个清晰、规范的解析树,即使源HTML文档存在格式问题。Jsoup具备强大的容错能力,能够处理多种异常情况,如未闭合的标签等,确保解析结果的准确性和完整性。 ... [详细]
  • Python 数据可视化实战指南
    本文详细介绍如何使用 Python 进行数据可视化,涵盖从环境搭建到具体实例的全过程。 ... [详细]
author-avatar
哈哈1991188
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有