联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

Jquery显示、隐藏元素以及添加删除样式 - Web前端

作者:98wpeu发布时间:2026-10-07分类:网页前端技术浏览:2


导读:复制代码代码如下:<scripttype="text/javascript">$(function(){//当input获取焦点后将其兄弟标签label隐藏...
复制代码 代码如下:
<scripttype="text/javascript">
$(function () {
//当input获取焦点后将其兄弟标签label隐藏
$("input").focus(function ()
{
$(this).siblings("label").hide();
});
});
$(function () {
//input元素失去焦点
$("input").blur(function ()
{
//input兄弟元素label隐藏
$(this).siblings("label").hide();
//当input的值为""显示其兄弟标签label
if ($(this).val() == "")
{
$(this).siblings("label").show();
}
});
});
$(function(){
//判断li标签是否有一个span标签
if($("li").is(":has(span)"))
{
//当li的值为""时删除它的class样式active
if($(this).val()=="" )
{
$(this).removeClass(".active");
}
}});
</script>

标签:样式元素WebJquery


网页前端技术排行
最近发表
网站分类
标签列表