由jquery撰写的日志
jquery 鼠标经过停留事件
四 5th
今天搞了半天终于搞定了一个想要的js效果。在网上找也找不到相关资料。
可以节约页面显示空间。
使用了jquery的鼠标事件: jquery,mouseleave,hover.
另外在鼠标离开时隐藏可以使用 clearTimeout，setTimeout
功能鼠标经过隐藏，离开元素会自动停留在最终离开的区块。
不废话了代码如下:
View Code JAVASCRIPT$(document).ready(function(){
$(".newsright ul li").hover(function(){
$(".newsright ul li").addClass(’hide’);
$(this).removeClass(’hide’).addClass(’show’);
}).mouseleave(function(){
var i = 0;
$(’.newsright ul li’).each(function()
{
if($(this).hasClass(’show’)){i++;}
});
if(!i)$(this).addClass(’hide’).removeClass(’show’);
});
});
效果图如下,希望能对大家有用。
jQuery 与 prototype 共存方法
十一 13th
方案一、
View Code JAVASCRIPTvar $j = jQuery.noConflict();
// Use jQuery via $j(…)
$j(document).ready(function(){
$j("div").hide();
});
// Use Prototype with $(…), etc.
$(’someid’).style.display = ‘none’;
方案二、
View Code JAVASCRIPT jQuery.noConflict();
// Use jQuery via jQuery(…)
jQuery(document).ready(function(){
jQuery("div").hide();
});
// Use Prototype with $(…), etc.
$(’someid’).style.display = ‘none’;
方案三、
View Code JAVASCRIPT jQuery.noConflict();
// Put all your code in your document ready More >
JQuery获取和设置Select选项方法
十一 2nd
JQuery获取和设置Select选项
获取Select ：
获取select 选中的 text:
$(“#ddlRegType”).find(“option:selected”).text();
获取select选中的 value:
$(“#ddlRegType “).val();
获取select选中的索引:
$(“#ddlRegType “).get(0).selectedIndex;
设置select:
设置select 选中的索引：
$(“#ddlRegType “).get(0).selectedIndex=index;//index为索引值
设置select 选中的value：
$(“#ddlRegType “).attr(“value”,”Normal“);
$(“#ddlRegType “).val(“Normal”);
$(“#ddlRegType “).get(0).value = value;
设置select 选中的text:
var count=$(“#ddlRegType “).size();
for(var i=0;i<count;i++)
{ if($(“#ddlRegType “).get(0).options[i].text == text)
{
$(“#ddlRegType “).get(0).options[i].selected = true;
break;
}
}
清空 Select:
$(“#ddlRegType “).empty();
