2,JQuery学习-为页面的元素添加点击事件-古蔺大橙子建站
RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
2,JQuery学习-为页面的元素添加点击事件
  1.  
  2.  
  3.     //$(document).ready();这个是要在页面加载时执行的函数,document表示本页面  
  4.  
  5.     $(document).ready(function (){  
  6.         //这个是给这个页面的所有a标签添加点击事件  
  7.         $('a').click(function (){  
  8.         //这个是点击处理函数的内部处理  
  9.             alert("响应了a标签的点击");  
  10.         });  
  11.         //这个是给这个页面的所有input标签添加点击事件  
  12.         /*  
  13.         $('input').click(function (){  
  14.             alert("响应了input标签的点击");  
  15.         });  
  16.         */  
  17.         //这个是给input标签下所有type为text的标签元素添加点击事件  
  18.         /*  
  19.         $('input:text').click(function (){  
  20.             alert("响应input标签下所有type为text的标签元素的点击事件");  
  21.         });  
  22.         */  
  23.         //这个是给input标签下所有type为text的标签元素中的第一个也就是0号添加点击事件  
  24.         /*  
  25.         $('input:text:first').click(function (){  
  26.             alert("响应input标签下所有type为text的标签元素的第一个也就是0号的点击事件");  
  27.         });  
  28.         */  
  29.         //这个是给input标签下所有type为text的标签元素中的第一个也就是4号添加点击事件  
  30.         /*  
  31.         $('input:text:last').click(function (){  
  32.             alert("响应input标签下所有type为text的标签元素的第一个也就是4号的点击事件");  
  33.         });  
  34.         */  
  35.         //下面是一些常用的过滤属性  
  36.         // even偶数  
  37.         // odd 基数  
  38.         // eq  等于  
  39.         // lt  小于  
  40.         // gt  大于  
  41.           
  42.         /////////////过滤属性的用法////////////////  
  43.         /*  
  44.         $('input:text:even').click(function (){  
  45.              alert("响应input下text下的第event号就是偶数号的点击");  
  46.         });  
  47.         */  
  48.         $('input:text:gt(3)').click(function(){  
  49.             alert("响应input下text下的大于3号元素的点击");  
  50.         });  
  51.           
  52.           
  53.         //这个是给class为readBox的标签元素添加点击事件  
  54.         $('.redBox').click(function (){  
  55.             alert("响应class为redBox的标签元素的点击事件");  
  56.         });  
  57.     });  
  58.     //d  
  59.  
  60. 点击
     
  61. 0号:
     
  62. 1号:
     
  63. 2号:
     
  64. 3号:
     
  65. 4号:
     

  66.  
 
  •  

     

    成都创新互联是一家以网站建设公司、网页设计、品牌设计、软件运维、成都网站推广、小程序App开发等移动开发为一体互联网公司。已累计为广告推广等众行业中小客户提供优质的互联网建站和软件开发服务。


    当前题目:2,JQuery学习-为页面的元素添加点击事件
    路径分享:http://scgulin.cn/article/piojes.html