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://scyanting.com/article/piojes.html

    其他资讯