作家
登录

JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")

作者: 来源:www.28hudong.com 2013-03-30 00:45:42 阅读 我要评论

样式:$(function (){ $("要选择的标签").click(function (){alert ("弹出对话框内容");}) }); 第一种:Id选择器 用法: 复制代码 代码如下: <head> <title></title> <script src ="Jq/jquery-1.4.2.js" type ="text/javascript" ></script> <script type ="text/javascript"> $(function (){ $("p").click(function (){alert ("小P");}) }); </script> </head> <body> <input type="button" value ="PlayGame" id="btnClick" /> <p>第一个</p> <p>第二个</p> </body> 说明:对所有<P>标签点击都有弹出对话框的提示 第二种:CSS选择器 复制代码 代码如下: <head> <title></title> <script src ="Jq/jquery-1.4.2.js" type ="text/javascript" ></script> <script type ="text/javascript"> $(function (){ $(".warning").click(function (){alert("这是警告信息");}); }); </script> <style type="text/css" > .warning{background-color :Yellow ;color :Red ;} </style> </head> <body> <p>没有警告</p> <div class ="warning " >请带好小孩</div> <p class ="warning ">再次警告你</p> <input class ="warning " type ="button" value ="别点啊" /> </body> 说明:对所有CSS样式为:.warning点击都有弹出对话框的提示 第三种:多条件选择器 复制代码 代码如下: <head> <title></title> <script src ="Jq/jquery-1.4.2.js"></script> <script type ="text/javascript" > $(function (){ $(".docc,p,#txt1").click(function (){alert ("不要上当啊");}) }) </script> <style type="text/css" > .docc{background-color :Fuchsia ;color :Olive ;} </style> </head> <body> <p>电脑热卖</p> <input type ="text" id="txt1" /> <input class ="docc" type ="button" value ="上当" /> <input type ="checkbox" /> </body> 说明:可以对多个同时选中做处理。

  推荐阅读

  Javascript变量函数浅析

一、变量 在javascript变量中可以存放两种类型的值:原始值和引用值。 原始值存储在栈上的简单字段,也就是值直接存储在变量所标示的位置内。 引用值存储在堆内的对象,栈内变量保存的是指向堆内对象的指针值。 在>>>详细阅读


本文标题:JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")

地址:http://www.17bianji.com/kaifa2/JS/24243.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)