码迷,mamicode.com
首页 > Web开发 > 详细

JQuery

时间:2017-08-17 17:47:53      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:全选   条件   获取值   bsp   checked   func   推荐   对象   循环   

JQuery

   文档:http://jquery.cuishifeng.cn/

   1.x;2.x;3.x;  推荐1.12,兼容性更高

   分为js和js.min , min是压缩版的,上线时使用min

   模块(类库)

   DOM/BOM/JavaScript的类库

 

   在头文件加入:

    <scritp src="jquery-1.12.4.js></script>

   但是一般放在尾部。

 

   调用jQuery:

      1、jQuery.方法名

      2、$.方法名

      

  一、查询元素

      相互转换:

        jquery对象[0] =>Dom对象

          $(‘#i1‘)[0] = document.getElmentById(‘i1‘)

        Dom对象 => $(Dom对象)

      选择器-直接找到某个或者某类标签

        1、id

            $(‘#id‘)

        2、class 

            $(‘.c1‘)

        3、标签

            $(‘a‘)  -找到所有a标签

        4、组合

            $(‘a,.c2.#i1‘)

        5、层级

          $(‘#i10 a‘)     -id = i10 下 所有的a标签,子子孙孙

          $(‘#i10>a‘)   -只找儿子

        6、属性

          $(‘[属性名]‘)

          $(‘[属性名="属性内容"]‘)

          $(‘input[type="text"]‘)      =  $(‘:text‘)

      筛选

        $(‘a:first‘)

        $(‘a:eq(0)‘)  -索引  (从0开始)

        

      三元运算 

        var v = 条件? 真值:假值

        

 

  二、操作元素

 

----->实例:

      1、多选,反选,全选

        -选择器

        -

          $(‘#tb:checkbox‘).prop(‘checked‘);    获取值

          $(‘#tb:checkbox‘).prop(‘checked‘,ture);    设置值

        -

          jQuery方法内置循环:$(‘#tb:checkbox‘).方法

        -

          $(‘#tb:checkbox‘)each(function(k){

                //k 当前索引

                //this, Dom,当前循环对象

                })  

      

JQuery

标签:全选   条件   获取值   bsp   checked   func   推荐   对象   循环   

原文地址:http://www.cnblogs.com/crazytao/p/7383066.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!