`

Jquery常见功能使用。项目功能

 
阅读更多
1》整个构架:
JS最好使用对像形式:
例如:
object.cms={
tyle="<%=accountyle%>",
isPass=true,
checkIsEmpty:${"#BankCheck"},
function1: function(tmp){
....

},
function2: function(){
var slet=false;
if(this.checkIsEmpty=="Y"){
this.isPass=true
}
...
},
外面可以直接访问

if (typeof object == "undefined") object = {};
function callJs(){
  object.cms;

}  
}

2>>
查找父类的第一个CLASS. $(test).parents(".groupIndexForMember").filter(":first").find(".BeneficiaryDetails").hide();
<div class="groupIndexForMember">
......
<class="BeneficiaryDetails"/>
<input id="test"/>
</div>
<div class="groupIndexForMember">
......
<class="BeneficiaryDetails"/>
<input id="test2"/>
</div>
移除下位框中的值,添加一个新的值
dropDown.children().remove();
dropDown.append("<option value='Member/Director'>Member/Director</optoin>");
3>>
Jquery 打开一个新的窗口

         if ($("divResidentConfirm").length == 0){
            var divConfirm = $('<div id="divResidentConfirm" style="display:none;padding:10px 20px 0px 20px;"></div>');
            divConfirm.append('<p>You <span style="font-weight:bold;">must</span> be an Australian resident for tax purposes to open an account.</p>');
            divConfirm.append('<p>If you are an Australian resident for tax purposes, please return to the application and tick the Yes option. </p>');
            divConfirm.append('<p>If not, your application cannot proceed and will not be saved.</p>');
            $("body").append(divConfirm);                   
        }
      
        $("#divResidentConfirm").dialog({
            resizable: false,
            autoOpen: false,
            title: "Warning",
            closeText: "hide",
            width: 600,
            height: 210,
            modal: true,
            buttons: {
                "Return to Application": function() {
                    $( this ).dialog( "close" );
                },
                "Exit Application":function() {
                    $( this ).dialog( "close" );                   
                    window.parent.location.href =  "<%=request.getContextPath()%>";
                }
            }
        });

$("#divResidentConfirm").dialog("open");

打开一个新的窗口

5》
$("label.selection input").click(function(e){
            var el = $(e.target);
            if(el.attr("id").indexOf("Australia") != -1){
                el.parents(".row").next().show();
                el.parents(".row").next().next().hide();
            }else{
                el.parents(".row").next().hide();
                el.parents(".row").next().next().show();
            }
            if (el.attr("id").indexOf("AustralianResident") != -1 && el.attr("id").indexOf("_N") != -1){
                e.preventDefault();
                e.stopPropagation();
                $("#"+el.attr("id").replace("_N", "")).val("Y");
                $("#divResidentConfirm").dialog("open");
            }
           
         });
点击触发事件。
6》
            $(".b2b_tab4_otherAccount").click( function() { self.NominatedChoices_Change();}); 

            $("input[name='_OAL_1_Account']:radio").click( function() { self.BrokerAccountYesNo_Change();});


3>>
分享到:
评论

相关推荐

    jquery项目

    在这个名为“jquery项目”的压缩包中,我们聚焦于jQuery的核心概念、常见操作以及在实际项目中的应用。 首先,jQuery的核心理念是“Write Less, Do More”,它简化了DOM操作、事件处理、动画效果和Ajax交互等复杂...

    Jquery实现的分页功能

    在这个场景中,我们将关注使用Jquery来实现这一功能。 Jquery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript的DOM操作,使得开发者可以轻松地实现各种复杂的交互效果。对于分页功能,Jquery...

    jquery 自动完成功能

    本篇文章将详细讲解如何利用jQuery实现自动完成功能,这在网页表单输入中十分常见,能提升用户体验,特别是在用户需要从大量数据中选取时。 首先,自动完成功能的核心在于获取用户输入并根据输入内容实时过滤出匹配...

    js 小项目练习,jQuery 小例子

    在"js 小项目练习,jQuery 小例子"中,我们可以看到几个基于jQuery实现的常见功能: 1. **菜单**:jQuery可以轻松地创建动态菜单,包括下拉菜单、滑动菜单等。通过监听用户的鼠标事件,如hover(悬停)和click...

    jQuery多功能日期时间选择器datepicker.zip

    本篇文章将深入探讨这个名为"jQuery多功能日期时间选择器datepicker"的插件,以及它如何通过与Bootstrap等框架的集成,为我们的项目带来便利。 一、jQuery datepicker 插件介绍 jQuery datepicker 是一个强大的...

    jQuery常用功能大全

    标题“jQuery常用功能大全”涉及了jQuery这一广泛使用的JavaScript库中的核心功能和方法,为前端开发者提供了高效的DOM操作、事件处理以及动画效果实现等。以下是对该标题和描述中提及的各个知识点的详细说明: 1. ...

    jQuery实现图片预览功能

    本教程将深入讲解如何使用jQuery实现图片预览功能。 首先,我们需要了解基本的HTML结构。在`index.html`文件中,你需要创建一个`&lt;input&gt;`元素用于让用户选择图片,以及一个`&lt;div&gt;`元素作为预览区域: ```html &lt;!...

    jquery多功能小巧对话框.zip

    本资源“jquery多功能小巧对话框.zip”即为一个基于jQuery的对话框解决方案,特别适用于需要高效、灵活的对话框功能的项目。 一、jQuery基础 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、...

    JQuery项目

    这个"JQuery项目"的实例集合为开发者提供了丰富的学习资源,帮助深入理解和应用jQuery的核心功能。 **1. jQuery的DOM操作** 在JavaScript中,操作DOM(文档对象模型)往往复杂且效率低下,而jQuery通过封装的方法...

    jQuery带事件记录的多功能日历

    通过使用jQuery,开发者能够以更少的代码实现更多的功能,提高了开发效率和用户体验。在这款日历插件中,jQuery扮演了核心的角色,为事件记录、日历展示等功能提供了便利的API和方法。 日历插件的事件记录功能是其...

    jQuery项目

    本项目主要涉及jQuery的基本操作及其实现的增删改查功能,同时也涵盖了对jQuery框架的深入学习。 一、jQuery基础 1.1 DOM操作:jQuery提供了一系列简洁的API,如`$(selector)`用于选取元素,`.find()`查找子元素,...

    jquery 图片预览浏览功能

    综上所述,这个项目使用jQuery实现了图片预览和浏览功能,包括图片的预览、切换和缩略图展示,通过JavaScript和CSS实现动态效果和视觉风格,而HTML则构成了用户交互的基础。通过理解并运用这些知识点,开发者可以...

    一个不错的jquery特效项目

    在项目实践中,我们可以看到如何将这些特效组合和应用到实际场景,比如创建滑动面板、下拉菜单、轮播图、滚动加载等常见网页元素。同时,学习如何根据需求定制特效,理解CSS和JavaScript的协同工作原理,以及如何...

    jquery 多功能select控件,多功能选择控件

    在实际使用Chosen时,开发者需要将jQuery库和Chosen的JavaScript及CSS文件引入到网页中,然后通过简单的API调用来初始化Select元素,即可实现Chosen的功能。同时,根据项目需求,还可以通过配置选项来自定义其行为,...

    jQuery多功能年月日星期时间特效插件.zip

    本文将深入探讨名为"jQuery多功能年月日星期时间特效插件"的资源,分析其核心功能、使用方法以及在实际项目中的应用。 一、插件概述 "jQuery多功能年月日星期时间特效插件"是一个专门为jQuery设计的日期和时间处理...

    jQuery功能强大相册代码

    在"jQuery功能强大相册代码"这个项目中,开发者通过jQuery实现了一套全面的相册功能,包括超大图片的全页展示、自动播放、图片控制等功能,同时支持单图片、多图片、多图库等多种展示方式,并且可以根据网站背景和...

    通过jquery+css实现选项卡功能

    在实际项目中,你可以根据需求自定义CSS样式和jQuery事件,以实现更多功能,比如添加动画效果、响应式设计等。 在PHP开发中,这种选项卡功能通常用于展示数据库查询结果或者分页内容。通过将动态数据插入到选项卡的...

    Jquery项目,当当书城,基本功能有实现

    【标题】"Jquery项目,当当书城,基本功能有实现" 描述了一款基于jQuery技术构建的项目,该项目模拟了当当网书城的部分功能,包括但不限于动态新闻滚动效果。这个项目展示了如何利用jQuery这个强大的JavaScript库来...

    jQuery多功能幻灯片 jQuery多功能网页特效幻灯片.zip

    《jQuery多功能幻灯片——构建动态网页特效的利器》 在网页设计中,幻灯片是一种常见的元素,它能够以动态、吸引人的形式展示信息,提高用户体验。jQuery,作为JavaScript库的一个强大分支,以其简洁的API和丰富的...

    jQuery仿京东页面制作,组件封装

    在这个项目中,开发者可能将一些常见的功能,如导航栏、轮播图、购物车等,封装成独立的jQuery插件。这些插件可能包含初始化、设置选项、触发事件等接口,方便在不同的页面中重用。 总的来说,这个项目涵盖了jQuery...

Global site tag (gtag.js) - Google Analytics