jQuery中的

一、什么是jQuery?

jQuery是JavaScript的一个库,存放js代码的地方。

jQuery极大地简化了JS对DOM的操作,实现一些常用的方法,jQuery还可以链式操作。

jQuery是一个优秀的JavaScript的轻量级框架,兼容css3和各大浏览器,提供了dom、events、animate、ajax等简易的操作。并且 jQuery的插件非常丰富,大多数功能都有相应的插件解决方案。

附上官网地址:jQuery

二、DOM对象和jQuery对象 

DOM对象:使用js语法创建的对象就是dom对象,也成为js对象,dom对象可以调用daom的属性和方法。

                //获取dom对象
				var obj = document.getElementById("btn");
                //将dom对象转为jQuery对象
                var $jObj = $(obj);
                //使用jQuery库中的函数
                alert($jObj.val());

jQuery对象:使用jQuery语法创建的对象就是jQuery对象,jQuery对象能调用jQuery函数库中的函数或者属性,jQuery对象是数组,数组中的每一个成员都是一个dom对象。 

                //使用jQuery语法,获取页面中的dom对象
				//var obj = $("#txt")[0];//从数据中获取下标是0的dom对象
				var obj = $("#txt").get(0);从数据中获取下标是0的dom对象
				alert(obj.value);

三、选择器 

 1、HTML中引入CSS样式的方式:样式块 

                id选择器



                语法格式:
                    #id{
                        样式名 : 样式值;
                        样式名 : 样式值;
                        样式名 : 样式值;
                        样式名 : 样式值;
                        ....
                    } 

                标签选择器



                语法格式:
                    标签名{
                        样式名 : 样式值;
                        样式名 : 样式值;
                        样式名 : 样式值;
                        .....
                    } 


                类选择器



                语法格式:
                    .类名{
                        样式名 : 样式值;
                        样式名 : 样式值;
                        样式名 : 样式值;
                        ....
                    } 


 可以根据HTML中引入CSS样式的方式的选择器来记忆jQuery中的常用的选择器

2、什么是选择器?

就是一个字符串,用来定位dom对象的,就是选择页面中的dom对象的条件

 1、基本选择器

 


 2、表单选择器

使用<input>标签的【type】属性值,定位dom对象的方式。

语法:$(":type属性值") 

例如:$(":text") ,选择的是所有的单行文本框,
           $(":button") ,选择的是所有的按钮。

3、过滤器

            1、在定位了dom对象后,根据一些条件筛选dom对象。
            
            2、过滤器是一个字符串,用来筛选dom对象的。
            
            3、过滤器不能单独使用, 必须和选择器一起使用。


            1)$("选择器:first") : 第一个dom对象
            
            2)$("选择器:last"): 数组中的最后一个dom对象
            
            3)$("选择器:eq(数组的下标)") :获取指定下标的dom对象
            
            4)$("选择器:lt(下标)") : 获取小于下标的所有dom对象
            
            5)$("选择器:gt(下标)") : 获取大于下标的所有dom对象

4、表单属性过滤器 

根据【表单】中dom对象的状态情况,定位dom对象的。

例如:文本框text状态的enabled、disabled

           复选框checkbox状态的checked

           下拉列表框select中的option状态的selected

            radio....


                var obj = $(":text:enabled");
                var obj = $(":checkbox:checked");
                var obj = $("select>option:selected");

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值