jquery中英化 jquery英语

转载

mob64ca14061c9e 2023-09-03 19:28:53

文章标签 jquery中英化 jQuery 加载封装 文章分类 jQuery 前端开发

背景：

我们先看看 jQuery这个词后面有一个 Query ，英文的意思是“查询” ， jQuery就是用JavaScript更加方便的查询和控制页面控件

对比：

jQuery就是对JavaScript的一个扩展，封装，让JavaScript更好用。

JavaScript： document.getElementById("div");

jQuery:$("div");

概述：

jQuery是JavaScript库，是一个封装好的特定的集合（方法和函数）
是一个快速、简介的JavaScript框架
设计的宗旨是“write Less ， Do More ”

优点：

jQuery是一套JavaScript脚本，它提供了强大的功能函数，解决了浏览器兼容性的问题（最nb之处）
轻量级
强大的选择器（允许开发者使用从CSS1~CSS3几乎所有的选择器）
出色的DOM操作的封装
隐式迭代（当用jQuery找到某个类的全部元素，然后对其操作，无需循环每一个元素）
链式操作方式（jQuery中最有特色的是他的链式操作------即对发生在同一个jQuery对象上的一组动作，可以直接接连写无需重复获取对象）

主要作用：

为了快速方便的操作DOM，里面基本都是函数（方法）

访问和操作DOM元素：使用jQuery可以方便地获取和修改页面中的指定元素

控制页面样式：单纯的使用CSS虽然已经很强大，但是当所有浏览器不完全支持相同的标准的时候，使用jQuery可以更加便捷的控制页面的CSS文件

为页面添加动态效果：为了实现某种交互行为，提供视觉上的反馈， jQuery中有淡入，擦除之类的效果

与AJAX技术完美结合

Jquery的基本使用：

入口函数：

原生JS的入口函数：

原生的js入口函数，必须要等到所有内容全部加载完毕才执行
不仅要等文本加载完毕，而且要等图片加载完毕，才执行函数

//原生的js入口函数，必须要等到所有内容全部加载完毕 才执行
//不仅要等文本加载完毕，而且要等图片加载完毕，才执行函数

<script type="text/javascript">
    window.onload=function(){
     alert("hello");   
}
</script>

jQuery的入口函数（三种写法）：

//写法一：

<script>
    $(document).ready(function(){
    alert("hello");
})
</script>

//写法二：

<script>
    $(function(){
    alert("hello");
})
</script>

//写法三：
<script>
    $(window).ready(function(){
    alert("hello");
})
</script>

jQuery入口函数和js入口函数的区别：