jquery模糊查询
$的选择器部分:
凡是运用$,其返回值是一个object
$选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的.
1.基本选择器(3种): ----凡是运用$,其返回值是一个object
$("标签名"),如$("p")是选取了所有的p标签节点
$("#id名"),如$("#test")是选取了id为test的标签节点
$(".class名"),如$(".test")是选取了所有class为test的标签节点
上面的$("标签名")和$(".class名")返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt等等.
2.组选择器: ----3种基本选择器的组合,“,”隔开
下面还是现做一个约定:把"标签名或#id名或.class名"记作mix,则mix表示一个标签名,或一个#id或一个.class.
$("mix,mix,mix,..."),如:$("div,#test1,p,.test2,#test3")
3.后代选择器: ----3种基本选择器的组合,“ ”隔开,直系皆生效
$("mix mix"),当然可以是多个嵌套,但后代选择器可以是深层子代,所以$("mix mix mix ...")这种写法作用不大.例子:$("div .test"):在div标签内的所有具有test的class的后代元素(就是被div嵌套的class属性为test的标签)
4.子选择器: ----3种基本选择器的组合,“>”隔开,只亲子有效
$("mix>mix"),这个放在后代选择器后面是为了和它做对比.子选择器只能选择第一代子代.不处理深层嵌套.例子:
$("div>.test")
<div><p></p></div>对这里的p段落标签有效.但对
<div><p><p></p></p></div>对这里的p段落标签无效,这里要用
$("div .test)
5.临近选择器: ----3种基本选择器的组合,“+”隔开,只下一个兄弟节点
$("mix+mix"),选取下一个兄弟节点.如:$("div +#test"),id为test的的节点必须是div的下一个兄弟节点.
<div></div><p id="test"></p>在$("div + #test")中能取到p段落节点
<div></div><p></p><p id="test"></p>则不能取到
6.属性选择器: ----“ |=|^|$|*”
把属性选择器不放在css选择器里面是因为jQuery中写法是不一样的.至于css中写法可以参考我之前写的一篇css的选择器一文.jQuery中是和xPath类似的写法:
$("mix[@attr]"):选取所有该mix且具有attr属性的节点
$("mix[@attr=a_value"]):选取所有该mix且具有attr属性并满足属性值为a_value的节点
$("mix[@attr^=a_value_head"]):attr属性的属性值是以a_value_head开头的
$("mix[@attr$=a_value_end"]):attr属性的属性值是以a_value_end结尾的
$("mix[@attr*=a_value"]):attr属性的属性值中包含a_value
7. 限定选择器:
这个名称是我自己起的,其实选择器组合都有限定的意思,你明白后面所介绍的知识即可.
具有限定子节点选择器:$("mix1[mix2]"):返回包含mix2的mix1节点.如:$("div[a]"):包含a标签的div.
这个和$("div a")不相同.后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象
冒号限定结点选择器:$("mix:condition"):mix标签,并且满足限定条件.
E:root:类型为E,并且是文档的根元素
E:nth-child(n):是其父元素的第n个类型为E的子元素 ,基数从1开始
E:first-child:是其父元素的第1个类型为E的子元素
E:last-child:是其父元素的最后一个类型为E的子元素
E:only-child:且是其父元素的唯一一个类型为E的子元素
("div[name='jobTitle']")
$("#aDiv").find("input[type='checkbox']:checked").each(function() {
$toRemove = $(this).parent().parent();
$toRemove.remove();
cnt++;
});
<div id="jq_1">
<div id="jq_2">
<div id="sdf">
<div id="jq_3">
<div id="jq_4">
需要吧所有带jq_都查出来
然后对这个对象数组遍历
$("div[id^=jq_]");
ListDiv.children("div[id^=iq_"+sName+"_]");
转载于:https://www.cnblogs.com/jakywong5701219/p/5556936.html
jquery模糊查询相关推荐
- jQuery 实现 select模糊查询 反射机制
通过如下代码就可以简单实现select带模糊查询的条件查询,具体如下jquery.select.js如下: (function($) { $.selectSuggest = function(targ ...
- jQuery实现id模糊查询
在js中常常会用到某类似id的模糊查询,可以使用jquery工具和模糊查询"^",来实现.下面用另个例子说明 eg_1. 在页面中查找某id图片集合,先放到代码: <div ...
- jQuery 实现模糊查询
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 使用jQuery实现实时模糊查询功能
先说一下模糊查询 在方法上写的SQL是跟数据库里边的不一样,这里果断入坑了. 来个MySQL例子: 模糊查询user中的name: select * from user where name like ...
- easyui select选择框模糊查询 以及页面引入多个版本的jquery解决办法
eaeyui版本1.4.4,下载地址 http://www.jeasyui.com/download/index.php 下拉框模糊查询例子: <%@ page language="j ...
- Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据、实现分页和模糊查询等功能
Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据.实现分页和查询功能 一.部分技术选型 二.项目结构 三.功能需求和效果展示 四.关键代码 4.1页 ...
- easyUI Combobox自定义调整支持中文模糊查询
1.调整Combobox支持模糊查询,并支持从任意位置开始匹配 解决方案:将字符串的indexof匹配由原来的判定为头部匹配,改为包含匹配 return row[opts.textField].toL ...
- java ftp模糊查询_前端js模糊搜索(模糊查询)
1.html结构: /*查询结果放ul里面*/ 2.css样式: #searchShop{ line-height:28px; text-indent:5px; width:180px; float: ...
- html搜索框 模糊搜索,前端js模糊搜索(模糊查询)
1.html结构: /*查询结果放ul里面*/ 2.css样式: #searchShop { line-height: 28px; text-indent: 5px; width: 180px; fl ...
最新文章
- 华为诺亚方舟开源预训练模型“哪吒”,4项任务均达到SOTA
- java常用类型转换
- 关于Hibernate中的Configuration
- 玩转springboot:配置文件详细讲解
- 爸爸我爱您(之十二)
- 支撑4.5亿活跃用户的WhatsApp架构概览
- 为什么python除法结果会有小数点0_关于python:为什么整数除法会在许多脚本语言中向下取整?...
- [原创]简单即是美:QQ2009英文版
- 如何设置谷歌浏览器在新窗口中打开搜索链接
- java index.jsp为什么不默认跳转_Java开发人员怎么面试 常见Redis面试题有哪些
- android高仿ios11系统,安卓仿ios11桌面全套文件
- telnet命令用法举例
- 论文参考文献格式写法
- 同为前端工程师,待遇差别居然这么大!
- 设置默认打印机出现错误。提示无法完成,错误是0x00000709
- 比较两个数或者三个数的大小,输出较大数的值 Java
- C语言实现json文本解析
- 带着问题学 Kubernetes 抽象对象 Service 服务间调用
- 教你如何用UltraISO制作U盘系统安装盘(图文教程)
- Python中pprint与print的区别
热门文章
- [iBoard 电子学堂][第八卷 设计任意波发生器]第一篇 iBoard 任意波发生器简介
- 分享人生第一个游戏源代码
- Excel 不能直接打开文件的解决方法
- 玩点创意编程,发现另一个世界
- Spring Boot 2.4.0 全新发布,还不快来实战
- 昨天521表白失败,我想用Python分析一下...表白记录和聊天记录
- java16下载_java lombok下载
- android 360状态栏显示,如何从Android应用程序显示360全景(How to display a 360 panorama from android application)...
- SpringBoot配置文件-yaml的用法
- SpringBoot内置Tomcat支持多大并发量和连接数