jQuery 带空格选择器的注意事项

<div class="test">
    <div style="display:none;">aa</div>
    <div style="display:none;">bb</div>
    <div style="display:none;">cc</div>
    <div class="test" style="display:none;">dd</div>
</div>
<div class="test" style="display:none;">ee</div>
<div class="test" style="display:none;">ff</div>

$(‘.test :hidden‘).length //带空格 输出4 ：选出class为‘test’元素里的隐藏元素
$(‘.test:hidden‘).length //不带空格 输出3 ：选出隐藏的class为‘test’的元素

从《轻量级javaEE企业应用实战》中记载，学习笔记。

时间： 2024-08-03 21:21:11

jQuery 带空格选择器的注意事项的相关文章

jquery去空格trim使用注意事项

$.trim(str) 返回:string: 说明:去掉字符串首尾空格. 示例: 先看个错误代码错误代码: 复制代码代码如下: <input type="text" name="" id="results" value=""/> var content = $('#content').val(); if(content.trim() == '') alert('空'); 上面的写法在firefox下不会报错,但在i

带空格的 jquery ID 选择器

当 DOM ID有一个空格时,如何使用 jquery 的 ID 选择器? 例如,我的 DOM ID 是 <div id="content Module">Stuff</div> 应该如何使用 jquery 的 ID 选择器获取到这个 DOM 元素? 如果只是简单的如下 $("#content Module").whatever() jQuery 会直接报错. 解决方法: 使用属性选择器 $("[id='content Module'

基于jQuery带备忘录功能的日期选择器

今天给大家分享一款基于jQuery带备忘录功能的日期选择器.这款日期控制带有备记忘录功能.有备忘录的日期有一个圆圈,单击圆圈显示备忘录.该实例适用浏览器:360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 不支持IE8及以下浏览器.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <header class="htmleaf-header">

Jquery基础之选择器

选择器是JQuery的根基,在JQuery中对事件处理.选择遍历Dom.ajax操作都依赖选择器.JQuery选择器分为基本选择器.层次选择器.过滤选择器.表单选择器. 一.基本选择器 1.ID选择器$("#ID") 页面中每个ID是唯一的,ID选择器选择每个ID元素,如下方法如下:$("#ID");例:$("#tbxName")这个方法选择id=tbxName的页面元素.选择结果为单个元素. 2.类选择器$(".class"

jQuery cxCalendar 日期选择器

cxCalendar 是基于 jQuery 的日期选择器插件. 它灵活自由,你可以自定义外观,日期的范围,返回的格式等. 版本: jQuery v1.7+ jQuery cxCalendar v1.5 github 使用方法 载入 CSS 文件 <link rel="stylesheet" href="jquery.cxcalendar.css"> 复制 载入 JavaScript 文件 <script src="jquery.js&qu

jQuery的:parent选择器

:parent选择器的定义和用法:此选择器匹配含有子元素或者文本的元素.注意:空格也算是含有的元素.语法结构: $(":parent") 此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等.例如: $("div:parent").animate({width:"300px"}) 以上代码能够将含有文本或者元素的div的宽度设置为300px.如果不和其他选择器配合使用,则默认状态是和*选择器配合使用,例如$(":paren

jQuery属性过滤选择器

1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <!-- jQuery属性过滤选择器 --> 6 <

jQuery中的选择器

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html PUBLIC "-//W3C//DTD

jQuery基础知识--选择器与效果

$(this).hide()-----隐藏当前元素 $("p").hide()------隐藏所有段落 $(".test").hide()--隐藏所有class="test"的元素 $("#test").hide()--隐藏所有id="test"的元素 文档就绪函数 $(document).ready(function() {     ---------jQuery function go here----