JQuery

JQuery概念:

JQuery是一个快速、简洁的JavaScript库

JavaScript库:即library,是一个封装好的特定的集合(方法和函数)

学习JQuery本质:就是学习调用这些函数(方法)

简单理解:

        就是一个JS文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了

        其设计宗旨就是写更少的代码,做更多的事

        j就是JavaScript;Query查询;意思就是查询js,把js中的DOM操作做了封装,我们可以快速的查询使用里面的功能

        jQuery的优点:

        轻量级。

        链式编程、隐式迭代

        对事件跨浏览器兼容。基本兼容现在主流的浏览器

        对于事件、样式、动画支持,大大简化了DOM操作

        支持插件扩展开发。有着丰富的第三方插件。

JQuery入门

        JQuery的入口函数

                1.$(function () {

                        ...//此处是页面DOM加载完成 入口

                        } 

                2.$(document).ready(function () {

                ...//此处是页面DOM加载完成的入口

                  })

        JQuery的基本使用

                JQuery的顶级对象$

                1.$是JQuery的别称,在代码中可以使用jQuery代替$,但一般为了方便,通常都直接使用$

                2.$是JQuery的顶级对象,相当于原生JavaScript中的window。把元素里哟个$包装成JQuery对象,就可以调用jQuery的方法。

                jQuery对象和DOM对象

                js的对象只能用JS属性和方法

                jq的对象只能用JQ的属性和方法

                用原生JS获取来的对象就是DOM对象【document.getElement 等方法】

                jQuery方法获取的元素就是jQuery对象【$(’div‘)等】

                DOM对象转换为JQuery对象:

                        $(DOM对象)

                jQuery对象转换为DOM对象(两种方式)

                $(DOM对象)

                $('div') [index]

                $('div).get(index)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值