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()`方法是一个非常实用的工具,用于检查DOM中的元素是否具有特定的CSS类。这个方法在处理动态交互和样式变化时特别有用,因为它允许开发者基于元素的类来执行条件逻辑。下面将详细介绍`...
在jQuery中,hasClass()是一个非常实用的函数,它用于检查指定的元素是否有特定的class。如果元素具有该class,则返回true;否则返回false。这个函数极大地简化了检查元素类的操作,使得前端开发更加高效。 我们先...
jQuery提供了便捷的方法,如`.val()`用于获取输入值,`.hasClass()`检查元素类名,`.is()`测试元素条件,以及`.change()`监听输入变化。通过这些方法,我们可以实时验证用户输入,即时给出反馈,提高用户体验并减轻...
JQuery开发手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get...
$.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...
《jQuery API 1.4.4 中文版详解》 jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 1.4.4是其早期的一个稳定版本,尽管现在已经有更新的版本,但...
**jQuery 树形结构插件详解** 在网页开发中,我们常常需要展示层次分明的数据,例如文件目录、组织架构或分类信息。这时,jQuery 树形结构插件就能发挥重要作用。本文将深入探讨如何利用jQuery实现一个高效、易用的...
$("#filterable-list li").toggle(filterClass === "*" || $(this).hasClass(filterClass)); }); ``` 这段代码会根据用户点击的分类按钮显示或隐藏相应的列表项。 4. **HTML界面**:在`index.html`中,我们需要...
2. **事件处理**:jQuery的事件处理简洁易用,例如`click()`、`hover()`和`change()`等。例如,`$("#element").click(function() {...})`会在点击ID为`element`的元素时执行回调函数。 3. **动画效果**:jQuery的`...
《jQuery1.11.0中文版API详解》 jQuery,作为一款强大的JavaScript库,以其简洁易用的语法和丰富的功能深受开发者喜爱。版本1.11.0是jQuery历史中的一个重要里程碑,它包含了对早期版本的改进和优化,旨在提供更...
《jQuery学习笔记详解》 jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本笔记基于一年的学习经验,涵盖了基础到进阶的知识点,旨在帮助初学者快速掌握...
在JavaScript的世界里,jQuery是一个非常流行且强大的库,它简化了许多DOM操作,事件处理,以及动画效果。在本文中,我们将深入探讨一些必备的jQuery技巧。 1. **检查jQuery是否加载**:在使用jQuery功能之前,确保...
**jQuery 电影选座实现** 本项目是一个基于jQuery的电影选座系统演示,它提供了一个交互式的静态页面,用户可以在其中模拟选择电影座位。通过这个Demo,我们可以深入了解jQuery在网页交互设计中的应用以及HTML和...
《jQuery API 学习文档详解》 jQuery,作为一款广泛使用的JavaScript库,为开发者提供了简洁易用的API接口,极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本篇将深入解析jQuery API,帮助你更好地理解和...
if ($(this).children('.subsubnav').hasClass('open')) { $(this).children('.subsubnav').removeClass('open'); } else { $(this).children('.subsubnav').addClass('open'); } }); }); ``` 以上代码会在...
3. **判断方法**:如 `is()`, `hasClass()` 等,用于判断当前 JQuery 对象是否符合某种条件。 - **`is(selector)`**:检查当前集合中的元素是否与给定的选择器匹配。 - **`hasClass(className)`**:检查当前元素...
$(e.target).hasClass('submenu')) { // 如果鼠标未在子菜单上 $(this).closest('li').children('.submenu').stop().slideUp(200); } }); }); ``` 在这个版本中,我们添加了一个新的事件监听器,用于检测鼠标...