JQuery使用总结
本文大部分内容是从网络搜索而来,整理如下:
按标签类型选择:
$("div") 选择所有的div标签元素,返回div元素数组
按css类选择:
$(".myClass") 选择使用myClass类的css的所有元素
常用在table中的选择:
$("tr:first") 选择所有tr元素的第一个
$("tr:last") 选择所有tr元素的最后一个
$("tr:even") 选择所有的tr元素的第0,2,4... ...个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始)
$("tr:odd") 选择所有的tr元素的第1,3,5... ...个元素
$("td:eq(2)") 选择所有的td元素中序号为2的那个td元素
$("td:gt(4)") 选择td元素中序号大于4的所有td元素
$("td:ll(4)") 选择td元素中序号小于4的所有的td元素
页面元素选择:
$(":input") 选择所有的表单输入元素,包括input, textarea, select 和 button
$(":text") 选择所有的text input元素
$(":password") 选择所有的password input元素
$(":radio") 选择所有的radio input元素
$(":checkbox") 选择所有的checkbox input元素
$(":submit") 选择所有的submit input元素
$(":image") 选择所有的image input元素
$(":reset") 选择所有的reset input元素
$(":button") 选择所有的button input元素
$(":file") 选择所有的file input元素
$(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域
表单元素过滤选择器:
$(":enabled") 选择所有的可操作的表单元素
$(":disabled") 选择所有的不可操作的表单元素
$(":checked") 选择所有的被checked的表单元素
$("select option:selected") 选择所有的select 的子元素中被selected的元素
内容过滤选择器:
$("div:contains('John')") 选择所有div中含有John文本的元素
$("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组
$("div:has(p)") 选择所有含有p标签的div元素
$("td:parent") 选择所有的以td为父节点的元素数组
可视化过滤选择器:
$("div:hidden") 选择所有的被hidden的div元素
$("div:visible") 选择所有的可视化的div元素
层叠选择器:
$("form input") 选择所有的form元素中的input元素
$("#main > *") 选择id值为main的所有的子元素
$("label + input") 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素
$("#prev ~ div") 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签
选取一个name 为”S_03_22″的input text框的上一个td的text值
$(”input[@name =S_03_22]“).parent().prev().text()
名字以”S_”开始,并且不是以”_R”结尾的
$(”input[@name ^='S_']“).not(”[@name $='_R']“)
一个名为radio_01的radio所选的值
$(”input[@name =radio_01][@checked]“).val();
关于鼠标焦点问题:
$(":input").focus(function(){//移入处理}).blur(function(){//移出处理});
遍历table中单元格
$("#dynamicXZCJ tr").each(function(trindex,tritem){
$(tritem).find("td").each(function(tdindex,tditem){
});
});
JQuery使用总结相关推荐
- Ajax接收Java异常_java – 处理来自Servlet的Jquery AJAX响应中的异常
我的servlet代码是 try{ //something response.setStatus(201); out.print("Data successfully saved" ...
- Jquery DIV滚动至浏览器顶部后固定不动代码
获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超过那个高度,把A的位置设定为fixed,小于该高度,修改回relative. 效果例1 代码如下复制代码 <scr ...
- jquery.raty评星插件
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>j ...
- jquery autocomplete demo
根据用户输入值进行搜索和过滤,让用户快速找到并从预设值列表中选择. jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquer ...
- 在Ant-design-pro框架中引入jQuery和jQuery-ui步骤
1.安装jQuery和jQuery-ui npm i jquery s npm i jquery-ui s yarn install 2.在vue.config.js中进行配置 // webpack ...
- 火狐浏览器允许ajax,解决火狐浏览器发送jquery的ajax请求无效的问题
今天遇到这样一个问题: 页面在chrome下发送ajax的请求是没有问题的,但是在firfox下无效. 代码大致如下: //前面省略 ..... 生成成绩 查询成绩 ...... ...... fun ...
- jquery 监听的案例
jQuery 简介 jQuery 是一个 JavaScript 库. jQuery 使用 可以下载一个,也可以使用Staticfile CDN.百度.又拍云.新浪.谷歌和微软的服务器都存有 jQuer ...
- 网站项目必备——12款白富美型 jQuery 图片轮播插件
转自:http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html 图片轮播是网站中的常用功能,用 ...
- 利用 jquery 获取某个元素下的所有图片并改变其属性
HTML代码 <div id="mochu"> <p>内容....<./p> <p><img src="xxxx.p ...
- 通过jQuery调用ASP.NET的AJAX
传统上,在ASP.NET页面中实现AJAX的方法是拖放一个ScriptManager控件,并进行一系列的设置和相关编程.但事实上,这并不是理想的解决方案.使用jQuery来调用ASP.NET后台的方法 ...
最新文章
- 「镁客·请讲」快仓杨威:赋予仓库灵魂,让智能仓库系统自我进化和迭代
- cytoscape要求的JAVA版本_微生物研究必备:Cytoscape绘制网络图(一)
- 【C语言】编写一个简单的学生成绩管理系统
- 失去老罗,张一鸣的坚果手机多了什么?
- 你有关注自己的简历吗?优秀的程序员简历是怎样炼成的?
- Unity 自定义Log系统
- 艰难时局下电子发现蓬勃发展
- linux系统usb口死机,在Linux上修复故障的USB设备或端口的5种方法 | MOS86
- APS系统到底是什么?为什么许多企业纷纷选择APS系统?
- UI设计需要学习哪些软件?
- 【Nexus】Nexus简介与安装
- 高等数学(Space Analytic Geometry)
- 全球最值的学习的100个网站
- su 命令无法切换用户
- PHP爬虫框架phpspider(一) - 下载安装
- 这才是增加收录的核心操作方向
- 通过商鞅变法企业可以学到的实施ERP软件精华
- 游戏开发 excel导出工具
- Power PMAC运动控制器 —— 学习笔记6
- CLINT和PLIC,risc-v中断
热门文章
- Android:登录保存回显用户信息或配置文件(sharedpreferences)
- java转二进制ascii_在Java卡中将整数的二进制表示形式转换为ASCII
- 显示隐藏-overflow(HTML、CSS)
- mysql之解决查询表时区分大小写的问题
- 恐怖谷与深度爵士:计算机艺术能达到人类的高峰吗
- poi 升级至4.x 的问题总结(POI Excel 单元格内容类型判断并取值)
- Android逆向从入门到入土(smali修改,so修改)
- sudo报错案例-RHEL6
- MySQL优化之——触发器
- 【吐血经验】在 windows 上安装 spark 遇到的一些坑 | 避坑指南