相思资源网 Design By www.200059.com

JQuery简介 
      普通JavaScript的缺点:每种控件的操作方式不统一,不同浏览器下有区别,要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库,比如Prototype、Dojo、ExtJS、JQuery等,这些库对JavaScript进行了封装,简化了开发。这些库是对JavaScript的封装,也就是咱们调用JQuery的一句函数,JQuery内部这句函数帮我们调用JavaScript中的代码几十句,因为JQuery就是JavaScript语法写的一些函数类,内部仍然是调用JavaScript实现的,所以并不是代替JavaScript的。使用JQuery的代码、编写JQuery的扩展插件等仍然需要JavaScript的技术,Jquery本身就是一堆JavaScript函数。
   为什么选择JQuery?
      尺寸小、使用简单方便(Write Less, Do More,吃得少干得多,而且目前许多大公司都在支持JQuery,例如微软,微软把JQuery继承在了vs2010中。
   JQuery能做什么?
      JQuery能做的普通的Dom能做,普通Dom能做的JQuery也能做。
   简单的JQuery
复制代码 代码如下:    
<script src="/UploadFiles/2021-04-02/jquery-1.4.2-vsdoc-cn.js"><script type="text/javascript">
$(document).ready(function () {
alert("JQuery");
})
</script>

        相当于Onload事件,但是Onload只能注册一次事件,而JQuery能注册多个事件
    JQuery对象
        jQuery对象不能使用DOM对象的方法,DOM对象也不能使用jQuery对象的方法,但是可以互相转换
          
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="/UploadFiles/2021-04-02/jquery-1.4.2-vsdoc-cn.js"><script type="text/javascript">
window.onload = function () {
var btn = document.getElementById("btn");
$(btn).val("OK");
}
</script>
</head>
<body>
<input id="btn" type="button" value="按钮" />
</body>
</html>

   JQuery对象转DOM对象
  
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="/UploadFiles/2021-04-02/jquery-1.4.2-vsdoc-cn.js"><script type="text/javascript">
$(function () {
// var dom = $("#btn").get(0);
//或者
var dom = $("#btn")[0];
dom.value = "OK";
})
</script>
</head>
<body>
<input type="button" value="按钮" id="btn" />
</body>
</html>

复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="/UploadFiles/2021-04-02/jquery-1.6.1.js"><script type="text/javascript">
$(document).ready(function () {
var $cr = $("#cr");
var vr = $cr[0];
$cr.click(function () {
if (cr.checked) {
alert("感谢你的支持你可以继续操作!");
}
})
})
</script>
</head>
<body>
<input type="checkbox" id="cr"/><label for="cr">我已经阅读了协议</label>
</body>
</html>

  $.()相当于静态方法
   处理数组的函数
     $.map() 将一个数组中的元素转换到另一个数组中。
      
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="/UploadFiles/2021-04-02/jquery-1.4.2.js"><script type="text/javascript">
$(function () {
var arr = [3, 5, 7];//定义数组
arr = $.map(arr, function (value) {//第一个参数为原数组,第二个参数是处理函数
return value + 1;//处理方式
});
alert(arr);//
});
</script>
</head>
<body>
</body>
</html>

  $.each(array,fn)对数组arry每个元素调用fn函数进行处理,没有返回值
    
?复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="/UploadFiles/2021-04-02/jquery-1.4.2.js"><script type="text/javascript">
$(function () {
var arr = { "第一名": "张三", "第二名": "李四", "第三名": "王五" };//定义一个字典数组
$.each(arr, function (key, value) {//遍历数组,key代表键,value代表值
alert(key + " " + value);//
})
})
</script>
</head>
<body>
</body>
</html>

标签:
JQuery,学习笔录

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“JQuery学习笔录 简单的JQuery”

暂无JQuery学习笔录 简单的JQuery的评论...

稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!

昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?