Jquery显示、隐藏元素以及添加删除样式_jquery

复制代码 代码如下:

<script type="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>

时间: 2024-09-20 05:34:00

Jquery显示、隐藏元素以及添加删除样式_jquery的相关文章

jquery显示隐藏元素的实现代码_jquery

$("#id").css('display','none'); $("#id").css('display','block'); 或  $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合肯定没有display属性 $("#firstStep").hide(500);而且可以设置时间:("#firstStep").hid

jQuery使用toggleClass方法动态添加删除Class样式的方法

这篇文章主要介绍了jQuery使用toggleClass方法动态添加删除Class样式的方法,实例分析了jQuery中toggleClass方法操作class样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery使用toggleClass方法动态添加删除Class样式的方法.分享给大家供大家参考.具体分析如下: jQuery通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass,运行下面的代码

jQuery使用toggleClass方法动态添加删除Class样式的方法_jquery

本文实例讲述了jQuery使用toggleClass方法动态添加删除Class样式的方法.分享给大家供大家参考.具体分析如下: jQuery通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass,运行下面的代码点击按钮可以看到文本段落字体在蓝色和黑色间切换 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"&

跟我学jquery(四)JQuery框架操作元素的属性与样式 .

在前面几篇博客中,我们初步了解了一下jquery的好处,基本语法,还有一些基本函数,这是学习jquery的基础,在这篇博客中,我们一起来学习一下JQuery框架操作元素的属性与样式,在web开发中,修改页面元素的属性和样式是我们需要常用的功能.所以掌握好这个知识点,对于我们在web开发中也是一个非常有力的利剑.好,下面我们就具体来看一下: 首先来看一下两个概念的区别: 元素属性和Dom属性  对于下面这样一个标签元素: <img  id='img'src="1.jpg"  alt

Dreamweaver如何显示隐藏元素

  "显示-隐藏元素"行为可以显示.隐藏或者恢复一个或多个页面元素的默认可见性.主要用于在用户与页面进行交互时显示信息. 一.Dreamweaver显示-隐藏元素行为 1. 在网页中插入AP Div,也就是常说的层. 2. 选择标签.某个链接()标签或者选择一个AP元素. 3. 打开行为面板. 4. 点击"添加行为(+)"按钮,在弹出的下拉菜单中选择"显示-隐藏元素"命令,如下图所示: 5. 打开"显示-隐藏元素"对话框,如下

Dreamweaver显示隐藏元素行为

        一.Dreamweaver显示-隐藏元素行为 1. 在网页中插入AP Div,也就是常说的层. 2. 选择<body>标签.某个链接(<a>)标签或者选择一个AP元素. 3. 打开行为面板. 4. 点击"添加行为(+)"按钮,在弹出的下拉菜单中选择"显示-隐藏元素"命令,如下图所示: 5. 打开"显示-隐藏元素"对话框,如下图所示: 在"元素"文本框中选择需要改变可见性的元素. 点击&q

jQuery显示隐藏密码插件jquery.toggle-password演示

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>jQuery显示隐藏密码插件jquery.toggle-password演示_dowebok</title> <style> * { margin: 0; padding: 0; } body { font: 14px Arial, san

jquery显示隐藏input对象_jquery

1 所属部门选择其他时 显示一个输入框进行填写 #html <select id='deptid' name='deptid' class="select" onchange='deptChange()'> <c:forEach var="item" items="${deptidList}" varStatus="status"> <option value='${item.value}'>

jquery 显示隐藏实例代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-