jquery选择this的外部节点

2024-08-04

使用jquery实现获取除this(当前选定)以外的元素

今天做项目时,要求完成功能评价的分类,即好评,差评,中评.遇到一个问题,如何在选定一个评论类型时,该div颜色改变,其他评论类型的div颜色不变. 在使用$(this).attr()时,表示当前元素的某一属性,而要获取其他元素的属性使用siblings方法. $(this).siblings().attr() <div class='evaluate-nav clearfix' id="evaluate"> <div class='e-nav-item f-l on

jQuery选择什么版本 1.x? 2.x? 3.x?

类似标题:jQuery选择什么版本?jquery一般用什么版本?jquery ie8兼容版本.jquery什么版本稳定? 目前jQuery有三个大版本:1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增.因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日)2.x:不兼容ie678,很少有人使用,官方只做BUG维护,功能不再新增.如果不考虑兼容低版本的浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日)3.x:不兼容ie6

JQUERY选择和操作DOM元素（利用正则表达式的方法匹配字符串中的一部分）

JQUERY选择和操作DOM元素(利用正则表达式的方法匹配字符串中的一部分) 1.匹配属性的开头 $("[attributeName^='value']"); 2.匹配属性的结尾 $("[attributeName$='value']"); 3.属性选择器总结 elem[attr] 选择具有attr属性的元素 elem[attr=val]选择具有attr属性且属性值与val值匹配的元素 elem[attr^=valu]选择具有attr属性且属性值以val值开头的元素

jQuery选择：子代元素与后代元素的区别

(1)后代元素:html代码如下,那么在jquery选择时,$(".test img"),中间为空格,则是选取后代元素,img对于ul来说是孙子辈元素,中间隔了li元素,所以后代元素是指ul标签内的孙子辈.曾孙辈及以上元素. (2)子元素:html代码如下,那么在jquery选择时,$(".test>li"),中间为>大于号,则是选取子元素,li对于ul来说是儿子辈元素,所以子元素是指ul标签内儿子辈的元素. <ul class='test'>

jQuery——选择元素

###理解DOM jQuery最强大的特性之一就是能够简化在DOM中选择元素的任务.**DOM(文档对象模型)**充当了JavaScript与网页之间的接口,它以对象网络而非纯文本的形式来表现HTML的源代码. 关于DOM的学习,在之前的博客中有总结. 用来取得DOM元素树中元素的工具,就是jQuery选择符和遍历方法. ###使用$()函数通过jQuery的各种选择符和方法取得的结果集合会被包装在jQuery对象中,通过jQuery对象实际地操作这些元素会非常简单.可以轻松地为jQuery对

jQuery 选择同时包含两个class的元素的实现方法

Jquery选择器多个 class属性参照以下案例 <element class="a b good list card"> 1. 交集选择: $(".a.b") --选择同时包含a和b的元素. 2. 并集选择:$(".a, .b") --选择包含a或者包含b的元素. 3.依次过滤 $(".good").filter(".list").filter(".Card") 4.属

jquery选择相同ID

jQuery中$("#id")只能选择第一个对象,不能选择所有相同id的元素. 通过 $("input[id='xxxx']"); 可以选择多个相同id的元素.

jquery选择伪元素属性的方法

CSS伪元素不是DOM元素,因此你无法直接选择到它们一个方法是为该元素添加新类,并通过设置新类的属性来达到改变伪元素属性的效果: .checkboxWrapper.selected::before{ border-left:1px solid white; border-bottom: 1px solid white; width: 77%; height: 40%; transform: rotate(-45deg); position: absolute; left: 13%; top:

jQuery选择器之全面总结

选择器是jQuery的根基,在jQuery中,对事件处理,遍历DOM和Ajax操作都依赖于选择器.如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果. jQuery中的选择器完全继承了CSS的风格,利用jQuery选择器,可以非常便捷和快速的找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器. 为了便于记忆和学习,我们把jQuery选择器分为以下几类: 基本选择器层次选择器过滤选择器基本过滤选择器内容过滤选择器可见性过滤选择器属性过滤选

jQuery选择器之属性选择器Demo

测试代码: 06-属性选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-

jQuery选择器之内容过滤选择器Demo

测试代码: 04-内容过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt

jQuery选择器之基本过滤选择器Demo

测试代码: 03-基本过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt

jQuery选择器之层次选择器Demo

测试代码: 02-层次选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-

jQuery选择器之基本选择器Demo

测试代码: 01-基本选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-

Web前端新人笔记之jquery选择符

jquery利用了CSS选择符的能力,让我们能够在DOM中快捷而轻松的获取元素或元素集合.本章将介绍以下内容: 1.网页中的元素结构: 2.如何通过CSS选择符在页面中查找元素: 3.扩展jquery标准的CSS选择符: 4.让选择页面元素更灵活的DOM遍历方法:一.如何理解DOM? DOM中的对象网络与家谱十分相似.比如祖先元素.父元素.子元素等等. 元素之间的关系图从下面的图就可以看清楚: 为了把DOM结构更形象的表现出来,可以使用很多工具,列如Firefox的Firebug插件,Safar

jquery选择指定元素之外的所有元素

最近的项目中有这么一个需求,点击一排图片中的任意一张后底部弹出一个对话框,要求点击任意地方隐藏对话框这个时候用not()显然是不现实的,用closest()可以实现差不多的功能 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>选择指定元素外的其他所有元素</title> <style> *{ margin: 0; padding:

JQUERY 选择

jQuery 选择器 jQuery 采用 CSS 一个选择选择 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") 选取全部 class="intro" 的 <p> 元素. $("p#demo") 选取全部 id="demo" 的 <p> 元素. jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素. $(&

jQuery 选择具有特殊属性的元素

如今有这样一种需求,须要选出全部有背景图片的元素. 这个问题有点棘手.我们无法使用选择表达式来完毕这个问题了. 使用jQuery的DOM过滤方法filter(),能够依据函数中表达的不论什么条件选择元素. jQuery中的过滤器方法同意传递一个字符串(也就是选择器表达式)作为參数. 或者传递的是一个函数.它的返回值将定义某个元素是否被选中. 传递的函数将对当前选择集中的每一个元素执行. 当函数返回假时,相应的函数就从选择集中被删除掉.每当返回值为真的时候,相应的元素不受影响. jQuery('

jquery选择基础

1 元素选择器之前不熟悉的是如: $("input.cls1"); 这种用法 2 属性选择器包含name属性的input元素, 如 $("input[name]"); name属性以xx结尾的input元素 $("input[name$=xx]"); <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"

jQuery 选择同时包含两个或多个class的元素的实现方法

Jquery选择器多个 class属性参照以下案例 <element class="a b good list card"> 1. 交集选择: $(".a.b") --选择同时包含a和b的元素. 2. 并集选择:$(".a, .b") --选择包含a或者包含b的元素. 3.依次过滤 $(“.good”).filter(“.list”).filter(“.reyo”) 4.属性选择 $(“[class='good list reyo'

jQuery选择元素的方法大全

jQuery选择器其实是一个有些地方比较费解的,如果没有经过多次实验的话,很难得出它的每个操作符到底是干什么的,很容易出错,经过我的多次测试,终于对一些比较难理解或容易出错的选择操作进行总结,既方便自己将来查询又方便初学者学习.如果哪里有不对的还望大家帮我指出来,这里是一个相互学习的地方. 1. 先说说通过位置选择的几个操作: :first:默认情况下是相对整个页面来说的第一个,如:li:first表示整个页面的第一个li元素,而ul li:first表示整个页面的第一个li元素,并且是在u

jquery选择this的外部节点

热门专题