1.$。在jQuery 中$("<span>"),这个语法等同于$(document.createElement("span")) ,这是一种用法,在选择元素的时候还会这样子的用:[attribute$=value],匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下:
HTML代码
<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />
jQuery 代码:
$("input[name$='letter']")
结果:
[ <input name="newsletter" />, <input name="jobletter" /> ]
2.!。选择器:[attribute!=value],匹配所有不含有指定的属性,或者属性不等于特定值的元素,此选择器等价于:not([attr=value])。
例子说明一下:
HTML代码
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQuery 代码:
$("input[name!='newsletter']").attr("checked", true);
结果:
[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
3.*。选择器:[attribute*=value],匹配给定的属性是以包含某些值的元素。举个例子说明一下:
HTML 代码:
input name="man-news" />
input name="milkman" />
input name="letterman2" />
input name="newmilk" />
jQuery 代码:
$("input[name*='man']")
结果:
[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
4.@。匹配包含给定属性的元素。注意,在jQuery 1.3中,前导的@符号已经被废除!如果想要兼容最新版本,只需要简单去掉@符号即
可。
5.^。选择器:[attribute^=value],匹配给定的属性是以某些值开始的元素,下面举个例子来说明一下:
HTML 代码:
<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />
jQuery 代码:
$("input[name^='news']")
结果:
[ <input name="newsletter" />, <input name="newsboy" /> ]
在jquery中,当使用$(”input[name='metaId']“).val()不能直接获得被选择的radio的值,只是获得 radio标签的第一个值,这可能jquery使用xpath语言了进行查找有关,而我们通常是想获得被选中的radio的值,有以下几种方法:
1,使用$(”input[name='metaId']:checked”).val()获得 //name代表radio中name属性名
2,使用$(”:radio:checked”).val()获得 //限制页面只有一组radio标签
分享到:
相关推荐
要实现这样的功能,我们需要以下几个主要的步骤: 1. **加载和初始化插件**:在HTML文档中,我们需要引入jQuery库和插件的JavaScript文件。同时,创建一个用于显示表情面板的容器,通常是一个隐藏的div元素。当用户...
综上所述,这个压缩包提供的jQuery版本文件涵盖了多个常用版本,能满足不同项目的需求。在选择版本时,需要根据目标用户的浏览器类型和项目的技术需求来决定。使用jQuery,不仅可以提升开发效率,还能确保代码的...
表情符号选择器通常由以下几个核心部分组成: 1. **表情符号库**:这是选择器的基础,包含各种表情符号。这些符号可以是Unicode字符集中的图形,也可以是自定义的图片集。在本项目中,可能会有一个JSON文件或CSS...
【描述】中的关键信息提示了这个插件的几个核心功能: 1. **鼠标滑过效果**:当用户将鼠标悬停在特定区域时,会弹出一个表情面板,展示更多的表情符号供用户选择。这种交互设计提升了用户体验,使得用户可以快速...
这通常涉及到以下几个方面: 1. **JQuery核心库**:JQuery的核心库是所有功能的基础,通常以`jquery.js`或`jquery.min.js`的形式存在。它提供了选择器、遍历、事件绑定、DOM操作等基本功能。在HTML文件中,我们可以...
要使用一个jQuery插件,通常需要以下几个步骤: 1. **引入jQuery库**: 在HTML文件中,首先需要引入jQuery的核心库,通常通过`<script>`标签从CDN(内容分发网络)获取。 2. **引入插件**: 将插件的JavaScript文件也...
插件的自动提示功能体现在以下几个方面: 1. **函数和方法提示**:当你在编辑器中输入jQuery符号"$"或"jQuery"时,插件会提供一个下拉菜单,列出所有可用的jQuery函数和方法,如`$(document).ready()`、`.click()`、...
### 在同一个页面使用多个不同的jQuery版本,让它们并存而不冲突 #### 背景介绍 在实际项目开发过程中,可能会遇到需要在同一页面上使用不同版本的jQuery的情况。这种情况通常出现在以下几种场景: 1. **第三方...
在"JavaScript+jQuery程序设计 源码"中,我们可以深入学习以下几个重要的知识点: 1. **JavaScript基础**:这包括变量声明、数据类型(如字符串、数字、布尔、对象和数组)、控制结构(如条件语句、循环)、函数...
一个基本的表情插件包含以下几个部分: - **表情面板**:展示可用的表情符号,通常以按钮或图像的形式。 - **输入框**:用户输入文字的地方,插件需要在此处实现表情的插入。 - **事件监听**:监听用户在表情面板上...
与国内目前已经出版的同类书相比较,本书具有以下几个独有的特点: 基于jQuery的最新版本撰写,完美地展现了jQuery最新版本的功能和特性。 内容全面、丰富、翔实,不仅由浅入深地讲解了jQuery的所有必备基础知识...
此插件的核心实现包括以下几个部分: - **左移运算**:`rotateLeft`函数用于执行循环左移操作,这是MD5算法中的一项基本操作。 ```javascript var rotateLeft = function (lValue, iShiftBits) { return (lValue...
实现"jquery弹出框"的过程中,开发者需要关注以下几个技术点: 1. DOM操作:利用jQuery选择器定位到需要添加弹出框的元素,然后动态创建和插入弹出框的HTML结构。 2. 事件绑定:通过`click()`、`mouseover()`等事件...
1. **表情面板**:`jquery.mb.emoticons.js` 提供了一个可自定义的面板,用户可以方便地从中选择他们想要的表情符号。这个面板可以轻松地与任何网页元素结合,例如文本框或者聊天窗口。 2. **字符转换**:一旦用户...
插件提供了几个有用的方法,如: - `rate(value)`:设置评分值。 - `getRate()`:获取当前评分。 - `reset()`:重置评分至默认值或0。 示例: ```javascript // 设置初始评分 $('#myRating').rater('rate', 3); /...
在提供的压缩包文件中,有以下几个关键文件: 1. `jquery-1.4.1.js`: 这是jQuery库的早期版本1.4.1,插件的运行依赖于它。 2. `autoNumeric-1.6.2.js`: 这可能是用于数字格式化的库,与描述中的“变为你想要的格式”...
jQuery语法采用的是美元符号($)作为其基础。基础语法格式为$(selector).action(),其中“selector”用于选取页面中的元素,而“action”则表示要对这些元素执行的操作。例如,$(this).hide()可以隐藏当前正在操作...
例如,你可以设置键盘为字母、数字、符号等不同模式。 3. **事件绑定**:jQuery Keypad 提供了一系列的事件回调,如`onOpen`、`onClose`、`onKeyPress`等,使得开发者可以在用户与键盘交互时执行特定的操作。 4. *...
通过本教程的介绍,可以了解到jQuery插件开发的几种主要方式,每种方式都有其特定的适用场景。对于初学者来说,第二种方式是最为常用和简便的。通过扩展jQuery来创建插件,不仅能够提升个人的编程能力,还能够为开源...