`

jquery hover hasClass insertBefore live blockUI children notice

    博客分类:
  • js
阅读更多

hover

 

    $(".onenote").hover(function(e) {
        $(this).children(".newnote_right_icon").removeClass("div_beHidden");
        e.stopPropagation();

    }, function() {
        $(this).children(".newnote_right_icon").addClass("div_beHidden");
    });

 

hasClass

    $(".onenote").click(function() {
        var obj = $(this).parent().children(".addCommentDiv")[0];
        if ($(obj).hasClass("div_beHidden")) {
            $(obj).removeClass("div_beHidden");
        } else {
            $(obj).addClass("div_beHidden");
        }
    });

live  和直接click的区别是以后新添加的元素也会受影响

    $(".deleteComment").live("click",function(e){
        $(this).parent().parent().parent().remove();
        e.stopPropagation();
    });

 

hover的live写法

    $(".onecomment").live('hover',function (ev) {
            if (ev.type == 'mouseover') {
                $(this).children().children(".right").removeClass("div_beHidden");
            }
            if (ev.type == 'mouseout') {
                $(this).children().children(".right").addClass("div_beHidden");
            }
    });
 

 

 

insertBefore

    $(".submitCommit").click(function() {
        $('.CommitTemplate').clone().removeClass("div_beHidden").removeClass("CommitTemplate").insertBefore($(this).parent().parent().parent());
        $(this).parent().parent().parent().addClass("div_beHidden");
    });
 

blockUI

    <script type="text/javascript" src="jquery/blockui/jquery.blockUI.js"></script>


	openWaitBlock();
	$.post(url,params,function(data){
		closeWaitBlock();
		if(data.status=="1"){
			parent.$.fn.ceebox.closebox();
			alert("Your message was sent successfully.");
		}else if(data.status=="-1"){
			$("body").html("The session time out.");
		}else if(data.status=="0"){
			$("body").html("Error");
		}
	},"json");
 

 

function openWaitBlock(message, timeout){
	if(!message){
		message = "<div style='font-size: 20px; float: right;'><img src='images/ajax-loader.gif'/></div>";
	}			
	$.blockUI({ css: { 
		            border: 'none', 
		            padding: '15px', 
		            backgroundColor: '', 
		            '-webkit-border-radius': '10px', 
		            '-moz-border-radius': '10px', 
		            opacity: .5, 
		            color: '#fff',
		            width: '15%'
	          	},
	          	message:message
	});
	if(timeout){
		setTimeout($.unblockUI, timeout); 
	}
}
 

find children

 

$("#myjobpost_status_list>li.wh>span")

copyTR.children().children("b.name").attr("onClick","checkCandidates("+list[i].rojid+");");
copyTR.find("b>img.isCheck").attr("src","images3/checked.png");
copyTR.find("b.name")
 

 

 

notice   jquery.notice.js

 

function notice(data){
	  if(data != null && data.length >0 ){
	   jQuery.noticeAdd({
		text: data
     });
	}
}
 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    jQuery中hasClass()方法用法实例

    在jQuery库中,`hasClass()`方法是一个非常实用的工具,用于检查DOM中的元素是否具有特定的CSS类。这个方法在处理动态交互和样式变化时特别有用,因为它允许开发者基于元素的类来执行条件逻辑。下面将详细介绍`...

    jQuery源码解读之hasClass()方法分析

    在jQuery中,hasClass()是一个非常实用的函数,它用于检查指定的元素是否有特定的class。如果元素具有该class,则返回true;否则返回false。这个函数极大地简化了检查元素类的操作,使得前端开发更加高效。 我们先...

    一号店项目,jquery

    jQuery提供了便捷的方法,如`.val()`用于获取输入值,`.hasClass()`检查元素类名,`.is()`测试元素条件,以及`.change()`监听输入变化。通过这些方法,我们可以实时验证用户输入,即时给出反馈,提高用户体验并减轻...

    JQuery新版中文手册

    JQuery开发手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get...

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

    jqueryAPI jquery中文api jquery1.4

    《jQuery API 1.4.4 中文版详解》 jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 1.4.4是其早期的一个稳定版本,尽管现在已经有更新的版本,但...

    jquery 树的样本

    **jQuery 树形结构插件详解** 在网页开发中,我们常常需要展示层次分明的数据,例如文件目录、组织架构或分类信息。这时,jQuery 树形结构插件就能发挥重要作用。本文将深入探讨如何利用jQuery实现一个高效、易用的...

    jQuery带过滤功能列表分类筛选插件代码

    $("#filterable-list li").toggle(filterClass === "*" || $(this).hasClass(filterClass)); }); ``` 这段代码会根据用户点击的分类按钮显示或隐藏相应的列表项。 4. **HTML界面**:在`index.html`中,我们需要...

    jQuery展开收缩效果

    2. **事件处理**:jQuery的事件处理简洁易用,例如`click()`、`hover()`和`change()`等。例如,`$("#element").click(function() {...})`会在点击ID为`element`的元素时执行回调函数。 3. **动画效果**:jQuery的`...

    jQuery1.11.0_中文版.chm.zip

    《jQuery1.11.0中文版API详解》 jQuery,作为一款强大的JavaScript库,以其简洁易用的语法和丰富的功能深受开发者喜爱。版本1.11.0是jQuery历史中的一个重要里程碑,它包含了对早期版本的改进和优化,旨在提供更...

    我的JQuery笔记.doc

    《jQuery学习笔记详解》 jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本笔记基于一年的学习经验,涵盖了基础到进阶的知识点,旨在帮助初学者快速掌握...

    Jquery技巧(必须掌握)

    在JavaScript的世界里,jQuery是一个非常流行且强大的库,它简化了许多DOM操作,事件处理,以及动画效果。在本文中,我们将深入探讨一些必备的jQuery技巧。 1. **检查jQuery是否加载**:在使用jQuery功能之前,确保...

    Jquery 电影选座实现

    **jQuery 电影选座实现** 本项目是一个基于jQuery的电影选座系统演示,它提供了一个交互式的静态页面,用户可以在其中模拟选择电影座位。通过这个Demo,我们可以深入了解jQuery在网页交互设计中的应用以及HTML和...

    jqueryapi文档

    《jQuery API 学习文档详解》 jQuery,作为一款广泛使用的JavaScript库,为开发者提供了简洁易用的API接口,极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本篇将深入解析jQuery API,帮助你更好地理解和...

    jQuery左侧三级下拉导航菜单

    if ($(this).children('.subsubnav').hasClass('open')) { $(this).children('.subsubnav').removeClass('open'); } else { $(this).children('.subsubnav').addClass('open'); } }); }); ``` 以上代码会在...

    Jquery学习手册

    3. **判断方法**:如 `is()`, `hasClass()` 等,用于判断当前 JQuery 对象是否符合某种条件。 - **`is(selector)`**:检查当前集合中的元素是否与给定的选择器匹配。 - **`hasClass(className)`**:检查当前元素...

    jQuery鼠标悬停下拉导航菜单

    $(e.target).hasClass('submenu')) { // 如果鼠标未在子菜单上 $(this).closest('li').children('.submenu').stop().slideUp(200); } }); }); ``` 在这个版本中,我们添加了一个新的事件监听器,用于检测鼠标...

Global site tag (gtag.js) - Google Analytics