当前位置:主页 > jquery教程 > jquery中 $.expr使用实例介绍

jquery中 $.expr使用实例详解

发布:2020-01-28 18:25:02 130


给寻找编程代码教程的朋友们精选了jQuery相关的编程文章,网友冯菱凡根据主题投稿了本篇教程内容,涉及到jquery、$.expr、jquery中 $.expr使用实例介绍相关内容,已被567网友关注,内容中涉及的知识点可以在下方直接下载获取。

jquery中 $.expr使用实例介绍

 

<!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>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>

<body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
<script type="text/javascript" src="../../external/jquery.bgiframe-2.1.1.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.dialog.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
//初始测试数据
var init=function(){
$("#con1").add("#con3").data("key","10001");
};
init();
var select="mytest";
var name="key";
//定义一个新选择器
$.expr[ ":" ][ select ] = function( elem ) {
return !!$.data( elem, name );
};
//使用
$("div:mytest").each(function(){
alert(this.id);//结果:con1 con3
})
});
</script>
</head>
<body>
<div id="con1"></div>
<div id="con2"></div>
<div id="con3"></div>
</body>
</html>

</body>
</html>

参考资料

相关文章

  • jQuery Position用法及兼容性详解

    发布:2019-11-24

    position方法获取匹配元素相对父元素的偏移。接下来通过本文给大家分享jQuery Position方法使用和兼容性的相关知识,感兴趣的朋友一起看看吧


  • jQuery对话框插件开发

    发布:2020-01-21

    之所以写下这篇文章,是想将我的想法分享给大家;对于初学者,我希望他能从这篇文章中获取对他有用的东西,对于经验丰富的开发者,我希望他能指出我的不足,给我更多的意见和建议;目


  • jQuery实现防止提交按钮被双击的代码

    发布:2020-04-26

    这篇文章主要介绍了jQuery实现防止提交按钮被双击的方法,涉及jQuery针对鼠标按键的操作技巧以及preventDefault方法对元素默认行为的修改技巧,具有一定参考借鉴价值,需要的朋友可以参考下


  • 图文讲解jQuery Validation PlugIn的使用方法

    发布:2020-02-11

    这篇文章主要介绍了jQuery Validation PlugIn的使用方法,需要的朋友可以参考下


  • jquery实现导航菜单伸缩效果

    发布:2020-02-21

    这篇文章主要介绍了jquery实现点击向下展开菜单项(伸缩导航)效果,通过jquery遍历及匹配页面元素并动态修改页面元素样式实现该功能,需要的朋友可以参考下


  • Jquery瀑布流插件的技巧用法

    发布:2020-01-23

    瀑布流布局在目前貌似很火爆,具体的分析、原理、用到的知识等等可以看看以下几位牛人写的东西


  • jquery解决IE输入框不能输入的问题

    发布:2020-07-21

    下面小编就为大家带来一篇用jquery快速解决IE输入框不能输入的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • jquery插件dialog实现弹框效果的实例内容

    发布:2020-04-23

    这篇文章介绍了jquery中插件dialog实现弹框效果实例代码,有需要的朋友可以参考一下


网友讨论