jquery属性过滤选择器使用示例
发布时间：2020-12-14 22:42:09 所属栏目：资源 来源：网络整理
导读：复制代码 代码如下: !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/title style type="text/css" /style script src="
|
复制代码 代码如下: <!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></title> <style type="text/css"> </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#Button1').click(function () { //为所有具有id属性的元素设置样式,动画效果 //$('div[title]').hide(3000); //$('div[title=t1]').hide(3000); //$('div[title!=t1]').hide(3000); // //属性值以t开头 //$('div[title^=t]').hide(3000 //$('div[title$=1]').hide(3000); //$('div[title*=t]').hide(3000); // //id值以d开始，title值以3结束 $('div[id^=d][title$=4]').hide(3000); }) }) </script> </head> <body> <div title="t1">第一层 </div> <div id="div2" title="t2">第二层 </div> <div id="div3" title="t3">第三层 </div> <div id="div4" title="t4">第四层 </div> <input id="Button1" type="button" value="click" /> </body> </html> （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |