jQuery扩展一个选择器的简单示例

前端之家收集整理的这篇文章主要介绍了jQuery扩展一个选择器的简单示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
jQuery本身提供了一些强大的带有冒号的选择器,比如:first,:even这些。但是这些还满足不了需求的话,可以自己扩展一个选择器。比如要选择一些文本为”hello world”的链接,用jQuery自带的:contain是可以,但是它会把”hello world,I’m Michael”也选择进来,不够精确。

于是我们就自己定义一个:text
  1. /**
  2. *jQuery扩展一个选择器的简单示例
  3. * @param
  4. * @arrange (512.笔记) jb51.cc
  5. **/
  6. $.extend($.expr[':'],{
  7. text: function(a,i,m) {
  8. return ((a.textContent
  9. || a.innerText
  10. || jQuery(a).text()
  11. || "") === m[3]);
  12. }
  13. });
用$(“a:text(‘hello world’)”)来调用上面的方法函数里的m[3]就是输入的参数,在这里为”hello world”。

猜你在找的jQuery相关文章