首页 > 其他分享 >Web阶段:第五章:JQuery库

Web阶段:第五章:JQuery库

时间:2023-09-15 16:46:42浏览次数:36  
标签:JQuery Web function btnObj 绑定 jquery 第五章 Jquery

Jquery介绍
1.什么是JQuery ?
jQuery,顾名思义,也就是JavaScript和查询(Query),它就是辅助JavaScript开发的js类库。

2.JQuery核心思想:
它的核心思想是write less,do more(写得更少,做得更多),所以它实现了很多浏览器的兼容问题。

3.JQuery流行程度
jQuery现在已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。

4.JQuery好处:
jQuery是免费、开源的,jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。

Jquery 的初体验
需求:使用Jquery和javascript给一个按钮绑定单击事件
注意:使用Jquery之前要将第三方jar包导入

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Insert title here</title>
            <script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
            <script type="text/javascript">
                //使用javaScript给一个按钮绑定单击事件
                window.onload = function() {
                    //1 获取标签对象
                    var btnObj = document.getElementById("btnId");
                    //2 通过标签对象.事件名 = function(){}
                    btnObj.onclick = function() {
                        alert("js原生绑定的单击事件");
                    }
                }
                //使用Jquery给一个按钮绑定单击事件,Jquery中的$()代替window.onload
                // alert($); // 测试jquery引入是否成功!$是jquery的核心函数
                $(function(){ // 页面加载完成之后====>>>>window.onload = function()功能一样
                    var $btnObj = $("#btnId");// 根据id属性值查询标签对象
                    $btnObj.click( function(){    // 绑定事件
                        alert("这是jquery绑定的单击事件");
                    } );
                });
            </script>
        </head>
        <body>
            <button id="btnId">SayHello</button>
        </body>
    </html>

 

常见问题?
1、使用jquery一定要引入jquery库吗? 答案: 是
2、jquery中的$到底是什么? 答案: 核心函数
3、怎么为按钮添加点击响应函数的? 答案: 操作如下:
①获取标签对象 var $btnObj = $("#btnId");// 根据id属性值查询标签对象
②通过标签对象.click( function(){} ) 绑定了函数

Jquery 核心函数 $()
$ 是jquery的核心函数,能完成jquery的很多功能。( ) 就 是 调 用 ()就是调用()就是调用这个函数

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/120768447

标签:JQuery,Web,function,btnObj,绑定,jquery,第五章,Jquery
From: https://www.cnblogs.com/wangchuanxinshi/p/17705348.html

相关文章

  • webrc中的dtls
    简介DTLS(DatagramTransportLayerSecurity)是基于UDP场景下数据包可能丢失或重新排序的现实情况下,为UDP定制和改进的TLS协议。在WebRTC中使用DTLS的地方包括两部分:协商和管理SRTP密钥和为DataChannel提供加密通道。DTLS协议由两层组成:Record协议和Handsh......
  • Web阶段:第八章:Servlet上
    Servlet技术a)什么是Servlet1、Servlet是一个接口(JavaEE规范)2、Servlet是运行在服务器(Tomcat或其他的服务器)上的小程序。3、Servlet程序用来接收用户的请求,和给客户端响应数据。(接收请求,回传响应)b)手动实现Servlet程序1、编写一个类去实现Servlet接口2、实现接口中的service方法3......
  • CTF题目-must use [ctf-Web-Broswer]
    一道CTF题目,请求后页面如下: 这里根据提示需要我们使用ctf-Web-Broswer,这个很明显是更改User-Agent的一个套路python简单写下importrequestsurl='http://1.1.20.100:8001/'headers={"User-Agent":"ctf-Web-Broswer",}res=requests.get(url,headers=headers)print(......
  • Web阶段:第十章:Servlet下
    HttpServletRequest类a)HttpServletRequest类有什么作用。HttpServletRequest类它的作用是。每次只要有请求进来。Tomcat服务器就会把请求的协议内容封装到HttpServletRequest对象中。我们主要是从Request类中获取请求的信息。它表示了请求的全部信息。b)HttpServletRequest类的......
  • Web阶段:第九章:Http协议
    Http协议a)什么是HTTP协议什么是协议?是双方,或多方,相互约定一起遵守的规则,叫协议。HTTP协议?http协议是客户端和服务器之间通信,客户端和服务器都需要遵守的数据格式,以及内容叫协议。协议中的内容又叫报文。b)请求的HTTP协议格式协议分为请求协议和响应协议请求协议GET请求1、请求......
  • Technical support website(URL)
    Thissoftwarerespectsandprotectsthepersonalprivacyofallusersusingtheservice.Inordertoprovideyouwithmoreaccurateandpersonalizedservices,thissoftwarewilluseanddiscloseyourpersonalinformationinaccordancewiththeprovisions......
  • HarmonyOS应用开发Web组件基本属性应用和事件
     一、Web组件概述Web组件用于在应用程序中显示Web页面内容,为开发者提供页面加载、页面交互、页面调试等能力。● 页面加载:Web组件提供基础的前端页面加载的能力,包括加载网络页面、本地页面、Html格式文本数据。● 页面交互:Web组件提供丰富的页面交互的方式,包括:设置前端页......
  • Spring框架开发WebService的环境搭建
    如题。这里只介绍基本的运行环境搭建。所需IDE或编辑器,自行准备。笔者所有的职业开发者朋友都建议使用IDEA旗舰版(收费)。建议次选VsCode。eclipse、myeclipse这些再次。环境:1、JDK20。javaer都清楚的东西,不赘述。2、maven。很流行的依赖管理工具,在学习开发中顺手拿来编译运行也......
  • WebStorm 快捷键插入注释时,注释从开头开始,中间有许多空格的解决办法
    前言有些配置被乱改了,导致写代码时非常难受,我遇到的事儿是在vue模板中添加注释,之前都是在光标处插入的注释块,今天突然发现注释从开头开始插入了,中间还有一堆空格解决办法我们在vue中出现的问题,那我们就找vue的template模板中出现了问题,因为vue的template适合HTML有关联的,所以......
  • jquery获取选择框值
    $(‘input:[type=”checkbox”]:checked’)$(‘[name=”isColsePurchaseLook”]’).eq(1).attr(‘checked’,true);$(‘#isHandinMargin’).attr(‘checked’,true);$(‘#isPlantformChoose’).attr(‘checked’,false);$(this).is(“:checked”)$(“#isPlantformPay”).att......