网站首页 > 技术文章 正文
1 jQuery操作
1.1 引入jQuery
要使用jQueryjavascript库,只需要将jQuery 对应的“jquery-x.x.js”脚本文件引入到页面中即可。
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>  | 
1.2 常用基础方法
1.2.1 初始事件
在未使用jQuery之前;在页面中常常需要用到window.onload来初始化一些元素事件。引入jQuery之后,它也对应有类似方法:ready;当DOM载入就绪可以查询及操纵时绑定一个要执行的函数;该方法是对向window.load事件注册事件的替代。两种写法:
写法一:直写 $(document).ready(function(){ // 在这里写你的代码... }); 写法二:$(document).ready() 的简写 $(function() { // 你可以在这里继续使用$作为别名... });  | 
1.2.2 基本选择
用法  | 描述  | 
$(“#elementID”)  | #表示根据id查找;查找id为elementID的元素;建议的用法。所以一般推荐给标签设置ID。 类似: document.getElementById("elementID") 但两者之间返回类型不同  | 
$(“.className”)  | .表示根据class样式名称查找;查找样式名称为className的所有标签  | 
$(“input”)  | 查找所有input标签  | 
1.2.3 基本取/设值
用法  | 描述  | 
$(“#elementID”).val() $(“#elementID”).val(“新值”)  | 分别表示取值和设置值  | 
$(“#elementID”).html() $(“#elementID”).html(“新值”)  | 分别表示获取标签内部的html文本内容和设置html文本内容。类似innerHTML  | 
$(“#elementID”).text() $(“#elementID”).text(“新值”)  | 分别表示获取标签内部的纯文本内容和设置纯文本内容。  | 
$(“#elementID”).attr(“name”) $(“#elementID”).attr(“name”,”itcast”)  | attr为获取对应属性的值或设置对应属性的值。如果遇上具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 则使用prop()  | 
1.2.4 基本访问与工具
用法  | 描述  | 
empty()  | 删除匹配的元素集合中所有的子节点。  | 
each()  | 以每一个匹配的元素作为上下文来执行一个函数;每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素。  | 
jQuery.each()  | 通用例遍方法,可用于例遍对象和数组  | 
jQuery.trim()  | 去掉字符串起始和结尾的空格。 $.trim(" hello, how are you? ");去掉字符串起始和结尾的空格。  | 
focus()  | 定焦或当元素获得焦点时,触发 focus 事件  | 
猜你喜欢
- 2024-10-23 「jQuery-5」 JavaScript对象和json
 - 2024-10-23 超级好用的轻量级JSON处理命令jq(jsonpath js)
 - 2024-10-23 $.ajax()常用方法详解(推荐)(ajax详细讲解)
 - 2024-10-23 Jquery相关(jqueryui)
 - 2024-10-23 jQuery知识点总结(jquery的认识)
 - 2024-10-23 前端工程师面试题汇总(前端工程师面试题汇总怎么写)
 - 2024-10-23 jQuery基础教程学习笔记(二)样式操作
 - 2024-10-23 前端基础进阶(十三)详细图解jQuery扩展jQuery插件
 - 2024-10-23 jQuery对象和DOM对象互相转换(jquery对象怎么转换dom对象)
 - 2024-10-23 Help!AJAX到底怎么传多文件数组?知道的赶紧进来
 
- 最近发表
 - 
- 聊一下 gRPC 的 C++ 异步编程_grpc 异步流模式
 - [原创首发]安全日志管理中心实战(3)——开源NIDS之suricata部署
 - 超详细手把手搭建在ubuntu系统的FFmpeg环境
 - Nginx运维之路(Docker多段构建新版本并增加第三方模
 - 92.1K小星星,一款开源免费的远程桌面,让你告别付费远程控制!
 - Go 人脸识别教程_piwigo人脸识别
 - 安卓手机安装Termux——搭建移动服务器
 - ubuntu 安装开发环境(c/c++ 15)_ubuntu安装c++编译器
 - Rust开发环境搭建指南:从安装到镜像配置的零坑实践
 - Windows系统安装VirtualBox构造本地Linux开发环境
 
 
- 标签列表
 - 
- cmd/c (90)
 - c++中::是什么意思 (84)
 - 标签用于 (71)
 - 主键只能有一个吗 (77)
 - c#console.writeline不显示 (95)
 - pythoncase语句 (88)
 - es6includes (74)
 - sqlset (76)
 - apt-getinstall-y (100)
 - node_modules怎么生成 (87)
 - chromepost (71)
 - flexdirection (73)
 - c++int转char (80)
 - mysqlany_value (79)
 - static函数和普通函数 (84)
 - el-date-picker开始日期早于结束日期 (76)
 - js判断是否是json字符串 (75)
 - c语言min函数头文件 (77)
 - asynccallback (87)
 - localstorage.removeitem (77)
 - vector线程安全吗 (73)
 - java (73)
 - js数组插入 (83)
 - mac安装java (72)
 - 无效的列索引 (74)
 
 
