jquery事件链式写法

最新推荐文章于 2024-07-06 16:47:02 发布
最新推荐文章于 2024-07-06 16:47:02 发布
阅读量71 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/skyloverdan/p/4193957.html
版权

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title> Hello JQuery</title>
    <script  lang ="javascript" type ="text/javascript" src ="JQuery/jquery-2.1.0.min.js"> 
    </script>
    <style type ="text/css">
        .divFrm {
            width:300px;border: 2px solid #625d5d; font-size:12px;
        }
        .divTitle {
            background-color:#08fcfc;padding :5px;
        }
        .divContent {
            padding:5px;display:none;
        }
        .divCurrColour {
            background-color:red;
        }
    </style>
</head>
<body>
     <!-- 添加jquery的引用文件-->
    <script type ="text/javascript">
        $(function () {
            $(".divTitle").click(function () {
                $(this).addClass("divCurrColour")
                    .next(".divContent").css("display", "block")
            });
        });
    </script>
     <div class = "divFrm">
       <div class ="divTitle"> 主题</div>
       <div class ="divContent">
           <a href="http://baidu.com">链接一</a><br />
           <a href="http://jquery.com">链接二</a><br />
           <a href="http://www.google.com/">链接三</a>
           <!-- <a></a> 链接的标记字段-->
       </div>
     </div>
</body>
</html>

说明：

  中间红色的为事件的链式写法，实现两个事件：

1、改变 <div class ="divTitle"> 主题</div> 的颜色

2、显示   <div class ="divContent">

中间通过.next链接起来

转载于:https://www.cnblogs.com/skyloverdan/p/4193957.html

weixin_30487317
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery之事件
缚己
11-05 206
页面加载 DOM 提供了window.onload 属性用来设置页面加载完毕之后执行的代码。当 html 中的 <script> 标签，写在 head 中时 js 代码会优先于 body 标签内的页面内容，所以需要这样一个属性等待页面加载的完成再执行。 jQuery 提供了 ready() 方法用来做页面加载的属性，与 DOM 中的 window.onload 起到了同样的作用。 jQuery 的入口函数执行要高于原生 DOM 的入口函数。 两种入口函数的区别： window.onload：
jquery特殊效果、链式调用、事件
weixin_41985073的博客
05-31 230
jquery特殊效果： fadeIn() 淡入 $btn.click(function(){ $('#div1').fadeIn(1000,'swing',function(){ alert('done!'); }); }); fadeOut() 淡出 fadeToggle() 切换淡入淡出 hide() 隐藏元素 s...
jQuery事件的链式写法
qizhichao110的专栏
04-16 2909
jQuery事件的链式写法             .divFrame{width:260px;border:solid 1px #666;font-size:10pt}     .divTitle{background-color:#eee;padding:5px}     .divContent{padding:5px;display:none}     .divCurrCol
Jquery实现点击事件的四种写法
热门推荐
大脑和心脏都要跳动的97
07-03 5万+
1. $(".tab").click(function () { })2. $(".tab").on("click",function () { })3. $(document).on("click", ".tab",function () { })4. 使用&lt;onclick=""&gt;触发函数以上四种方法在不同设备上的可行程度自测。3&gt;2&am
jQuery与js绑定事件的几种写法（以单击事件示例）
zhumengstyle的博客
08-01 6597
jQuery与javascript使用方法在很多方面，都有所不同，下面主要以demo的形式，说明绑定点击事件时，两者的不同写法，以便区分使用： //html部分<button id="all_move">按钮>></button>//绑定‘单击事件’的jQuery 写法一： $('#all_move').click(function(){ alert('AA'); }) //绑定‘单击事
JQuery一个对象绑定多个事件
x1n1010的专栏
04-17 2119
jQuery("#id").click(func1).mouseover(func2)/ /方法连写，func为方法的名字 jQuery("#id").click(function(){//你的具体方法实现}),mouser(function(){//你的具体方法实现}); jQuery("#id").bind("click mouseover",func)//两个事件中间有空格，func为
3. jQuery事件的链式写法
LiGuogang
11-28 286
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;jQuery事件的链式写法&amp;lt;/title&amp;gt; &amp;lt;link href=&
jQuery链式写法
06-14
jQuery链式写法：实现点击标签展示列表页及标签样式及内容，再次点击收起列表页还原标签样式及内容！
jQuery链式操作如何实现以及为什么要用链式操作
10-27
例如，如果需要对同一个DOM元素执行多个操作，传统的写法可能需要多次调用`getElementById`，而使用链式操作可以减少代码量： 不使用链式操作： ```javascript var ele = document.getElementById("ele"); ele....
jQuery采用连缀写法实现的折叠菜单效果
10-23
主要介绍了jQuery采用连缀写法实现的折叠菜单效果,通过jQuery的连缀写法(又称链式操作)实现菜单折叠的显示效果,非常简单实用,需要的朋友可以参考下
jQuery中的常用事件总结
10-29
这些事件可以用`.bind()`或`.on()`方法绑定，并且可以链式调用来处理多个事件： ```javascript $('#myElement').on('mouseenter mouseleave', function(event) { // 处理鼠标进入和离开事件 }); ``` 总的来说，...
jquery链式操作的正确使用方法
12-02
$second.on(‘click’,function(){alert(‘hello everybody’);});$second.fadeIn(‘slow’);$second.animate({height:’120px’},500); ...$second.on(‘click’,function(){alert(‘hello everybody’&#...
jQuery入门-3,jQuery的链式调用及事件监听
sunset的博客
08-03 430
jQuery的链式调用 为什么可以链式调用? jq对象调用修改元素的方法之后,返回值还是对象本身 $("#box") .text("文本内容") .css("color","red"); $("&lt;div&gt;&lt;/div&gt;") .css("width","100px")
jQuery的事件绑定与事件委托
aiolos1111的专栏
07-28 1万+
在用jQuery的事件绑定时，会用到on()、bind()、live()、 delegate()这几个方法，但对他们的区别缺从未注意过，现稍总结一下，如有错误，欢迎指正。       参考文档： http://blog.csdn.net/xxd851116/article/details/8646899 http://www.jb51.net/article/57827.htm http://
Vue前端打包
weixin_63680330的博客
07-04 253
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。
Vue 3集成krpano 全景图展示
最新发布
Mr丶GUO
07-06 289
Vue 3集成krpano 全景图展示，需要借助官方工具进行制作注意事项：vue@cli3没有static，需要放在public目录下。
JS混淆基本类型和原理
朴拙科技的博客
07-06 416
混淆技术为JS代码提供了一定程度的保护，但同时也给代码的维护和逆向工程带来了挑战。了解和掌握这些混淆技术的原理和解析方法，可以帮助开发者更好地保护或理解JS代码。然而，需要注意的是，混淆并不是万无一失的安全措施，它更多的是增加了攻击者理解代码的难度。在进行逆向工程时，应始终遵守法律法规，尊重知识产权，不要用于非法目的。
Vue 数据大屏适配
FitnessSnail的博客
07-02 280
不会因为在某一维度上缩放过大而导致元素在另一维度上超出视口。.dataScreen-content 盒子内容根据设计稿给的。（默认为 1920x1080）计算缩放比例，并。的缩放比例，那么元素可能会在某一维度上。，这在很多情况下是不希望发生的。的缩放比例的目的是为了保证。单位进行正常的布局就行。在水平和垂直方向上都。
vue3+ts项目中.env配置环境变量与情景配置
我愿化作繁星
07-03 889
就是在编码过程中应用这些自定义环境变量的时候，给出的智能提示。src目录下创建一个或者env.d.ts文件src同级别types目录下创建文件env.d.ts// 更多环境变量...在文件中专门用于处理项目src文件中的TypeScript配置文件，include配置项加入文件：(会提示自定义设置的环境变量)// ...// 第一种方式对应配置"vite-env.d.ts", // 或者 "env.d.ts"// 第二种方式对应配置。
jquery点击事件写法
04-06
jQuery 点击事件有多种写法，以下是两种常用的写法： 1. 使用 click() 函数 ``` $(selector).click(function(){ // 点击事件处理逻辑 }); ``` 例如，要实现点击按钮弹出提示框的功能： ``` $("#myButton")....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值