把jquery的this写入选择器里（伪写入）哈哈~

通常在jquery里我们会这样写来选择当前元素的兄弟元素：

$(this).parent().children(".brother")

或许是因为对this这个js特殊的唯一的指针无法写入选择器有些纠结吧，我们希望类似这样的写法：伪代码：

$("this~.brother")

经过一番测试，发现可以在jquery里这样写法：

$("~.brother",this)

这样我们的代码又可以简洁很多了，类似的有：


$("+.next",this)
$(">.child",this)

等，层级符号可以在冒号开头，将this写入[context]参数中。顺便提一下$((selector, [context])的第二个参数，默认值是根节点，即document,即$(selector)和$(selector,document)等价，这第二个参数可以是dom节点或者jquery节点～可参考：

http://shawphy.github.com/jquery-api/#jQuery

同时发现1.2以前支持的xpath写法在1.2和之后的版本已经不支持了，想用xpath来实现的话只能通过jquery插件，具体参考：

http://blog.csdn.net/xinem/archive/2010/02/22/5316093.aspx

jQuery XPath兼容插件jquery.xpath.js http://dev.jquery.com/view/trunk/plugins/xpath/jquery.xpath.js

不过xpath和css选择器相比，功能更强大点，但css选择器更让人熟悉和擅长，各有所长～

转载于:https://www.cnblogs.com/defims/archive/2011/04/20/2946694.html

把jquery的this写入选择器里（伪写入）哈哈~相关推荐

CSS3新增选择器：伪元素选择器
一. ::first-letter 第一个字二. ::first-line 第一行(以浏览器为准的第一行) 三. ::selection 被选中的字行(鼠标选中的字段)只能向 ::selectio ...
jQuery与CSS3的选择器
2019独角兽企业重金招聘Python工程师标准>>> jQuery与CSS在选择器方面,有很多的相似之处,本文稍加总结,方便对比使用. 注:本文以jQuery1.9.1版本和CSS ...
跟我学jQuery(三) 无所不能的选择器1
跟我学jQuery教程目录: 跟我学jQuery(一) 前言跟我学jQuery(二) 初识jQuery 跟我学jQuery(三) 无所不能的选择器1 跟我学jQuery(四) ...
CSS3之伪元素选择器和伪类选择器
伪类选择器,和一般的DOM中的元素样式不一样,它并不改变任何DOM内容.只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见.伪类的效果可以通过添加一个实际的类来达到. ...
web前端入门学习 css（8）（新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
jQuery教程05-层级选择器
jQuery选择器之层级选择器文档中的所有的节点之间都是有这样或者那样的关系.我们可以把节点之间的关系可以用传统的家族关系来描述,可以把文档树当作一个家谱,那么节点与节点直接就会存在父子,兄弟,祖孙 ...
jquery、css 的选择器(逗号/空格/英文句号/大于号/加号/波浪号)
jQuery.CSS常用选择器符号描述示例说明紧接无符号相当于"并且"关系 input.k-textbox{ ... } 选出input并且包含k-textbox ...
CSS样式内联选择器选择器优先级伪类顺序
日期:2020-10-02 作者:19届WY 标签:CSS选择器相关内容一.html简介&CSS简介 == html简介 : 结构:决定网页的结构及内容,即"显示哪些内容" ...
jQuery之知识二-选择器
jQuery 最核心的组成部分就是:选择器引擎.它继承了 CSS 的语法,可以对 DOM 元素的标签名.属性名.状态等进行快速准确的选择,并且不必担心浏览器的兼容性.jQuery 选择器实现了 CS ...

把jquery的this写入选择器里（伪写入）哈哈~

把jquery的this写入选择器里（伪写入）哈哈~相关推荐

最新文章

热门文章