`

我的第一个jquery封装方法---jquery

阅读更多

以前总是写在xhtml里面,对于在.net 环境下来修改代码,简直是在折腾。而且这样会加重网页的负担。

解说一下:

<script type="text/javascript">
$(function(){
    $('.menuTree').menu();//menu方法名称
      });
</script>

只要到这个放到xhtml里面就行了。

 

$.fn.menu=function(){
        $(this).find('.menu').each(function(){
              $(this).find('li').click(function(){
                  $(this).find('span').removeClass('current');
                  $(this).addClass('current').siblings().removeClass('current');
                 });
      })

方法的定义。

分享到:
评论

相关推荐

    jquery.json-2.3.js

    jQuery的$.getJSON()方法是另一个强大的工具,它是$.ajax()的简化版本,专门用于从服务器获取JSON数据。只需要提供URL和回调函数,jQuery会自动处理JSONP请求(如果需要跨域)以及数据解析。这极大地简化了数据交互...

    jQuery-in-Action.part1.pdf

    此书名为《jQuery in Action 第一部分》,意味着它是一本介绍jQuery的书籍,且只包含了部分章节(第1章至第5章)。jQuery是一种广泛使用的JavaScript库,用于简化HTML文档遍历、事件处理、动画以及Ajax交互等操作。 ...

    jQuery权威指南-源代码

    1.1.4 编写第一个简单的jQuery应用/3 1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单应用/7 1.2.1 jQuery访问DOM对象/7 1.2.2 jQuery控制DOM对象/7 1.2.3 jQuery控制页面CSS /9 1.3 本章小结/11 第2章 ...

    jquery-1.8.3

    6. **插件生态**:jQuery拥有庞大的插件生态系统,如jQuery UI提供了一系列的用户界面组件,jQuery Validation插件方便表单验证,以及许多第三方动画、图表、轮播图等插件,极大地扩展了jQuery的功能。 7. **版本...

    jQuery各种实例--权威指南-源代码

    《jQuery各种实例--权威指南-源代码》是一个深入学习jQuery的资源集合,包含了丰富的实践案例和源代码。jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计以及Ajax交互等任务。这个...

    jquery1.8.2在线-离线手册

    jQuery提供了多种遍历和过滤方法,如`.each()`用于迭代集合中的每个元素,`.first()`和`.last()`选取第一个或最后一个元素,`.filter()`和`.not()`用于筛选满足条件的元素。 四、DOM操作 jQuery允许开发者轻松地...

    我的第一个jQuery插件-伪3D图片播放

    【标题】"我的第一个jQuery插件-伪3D图片播放" 涉及的主要知识点是JavaScript库jQuery的扩展,以及创建具有伪3D效果的图片滚动插件。在这个项目中,开发者通过编写自定义的jQuery插件实现了动态的、具有立体感的...

    精通JavaScript+jquery_02-10实例

    5. **AJAX**:jQuery封装了AJAX方法,如`.ajax()`, `.get()`, `.post()`,让异步请求更加直观。 6. **插件使用**:了解如何引入和使用jQuery插件,扩展jQuery的功能,如轮播图、日期选择器等。 每个章节都包含了...

    AngularJS封装jQuery DateTimepicker

    这篇博客“AngularJS封装jQuery DateTimepicker”可能是关于如何在AngularJS应用中有效地整合和自定义这个日期时间选择器的教程。 在AngularJS中,我们通常避免直接使用jQuery,因为Angular提供了一套自己的数据...

    jquery-1.8.3库

    这个“jquery-1.8.3库”包含了该版本的jQuery核心文件,是开发者进行网页动态效果和交互设计的重要工具。 **1. jQuery的核心功能** jQuery的核心功能主要包括以下几点: - **选择器**:jQuery提供了一系列强大的...

    jquery-3.3.1.min

    标题中的"jquery-3.3.1.min",指的是jQuery的第3.3.1版本的压缩优化版,"min"代表这是经过最小化处理的文件,去除了注释和不必要的空格,以提高页面加载速度。 jQuery的核心理念是“Write Less, Do More”,它通过...

    jQuery基础教程-高清版本

    jQuery还特别提供了$(document).ready()方法,这是一种简写形式,用于绑定一个在文档加载完毕后执行的回调函数。这确保了JavaScript代码的执行只在DOM完全加载之后进行,极大地提高了代码的执行效率和页面的响应速度...

    jquery日历排期-选择排期,取消排期

    开发者可能封装了日历功能为一个自定义的jQuery方法,使得其他开发者能方便地在自己的项目中调用和扩展。 9. **数据存储**:用户选择的排期可能需要持久化存储,这可能涉及到本地存储(`localStorage`或`...

    第五章-JQUERY-Ajax

    **第五章 - JQUERY-AJAX** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种用于创建动态网页的技术,允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery是一个广泛使用的...

    第34章 项目1-博客前端:封装库--滑动导航1

    在本节教程“第34章 项目1-博客前端:封装库--滑动导航1”中,我们主要探讨了如何在博客前端实现一个具有滑动特效的导航栏。这个功能能够提升用户交互体验,使得博客导航更加生动有趣。下面我们将详细讲解其中涉及的...

    jquery-websocket

    `jquery-websocket-master`可能是包含一个jQuery WebSocket实现的项目源码。这个压缩包可能包含以下文件: - `index.html`:示例页面,展示了如何在HTML中使用jQuery和WebSocket。 - `js/jquery.websocket.js`:...

    jquery封装的天气预报

    标题中的“jquery封装的天气预报”指的是利用JavaScript库jQuery实现的一种天气预报展示功能。这个功能通常是为了方便用户在网页上快速获取当前或未来几天的天气信息。jQuery以其简洁的API和良好的浏览器兼容性,...

    第34章 项目1-博客前端:封装库--遮罩锁屏1

    在本章节的"项目1-博客前端:封装库--遮罩锁屏1"中,我们将学习如何实现一种常见前端交互效果,即创建一个遮罩层和锁屏功能,以增强用户在弹出窗口(如登录界面)操作时的体验。以下是对这个知识点的详细解释: 1. ...

    jquery常用方法总结

    - 使用索引获取第一个元素:`$("selector")[0]` - 使用 `get()` 方法获取所有元素:`$("selector").get(index)` 或者 `$("selector").get()` #### 三、获取 jQuery 集合的某一项 当获取到一个元素集合时,我们...

Global site tag (gtag.js) - Google Analytics