慎选器用法实例,input选拔器用法实例

By admin in web前端 on 2019年7月23日

本文实例汇报了jQuery中:input选用器用法。分享给我们供大家参谋。具体深入分析如下:

jQuery中:input选取器用法实例,jquery选用器

正文实例陈述了jQuery中:input选取器用法。共享给大家供大家参谋。具体解析如下:

此选取器相配全体的input成分。举例:<input
type=”text” />等等

语法结构:

复制代码 代码如下:

$(“:input”)

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
web前端,<head>
<meta charset=” utf-8″>
<meta name=”author” content=”” />
<title>:input选用器-帮客之家</title>
<script type=”text/javascript”
src=”mytest/jQuery/jquery-1.8.3.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
  $(“button”).click(function(){
    $(“:input”).hide();
  });
});
</script>
</head>
<body>
<ul>
  <li><input type=”checkbox” value=”aihao”
/>读书</li>
</ul>
<button>点击查阅效果</button>
</body>
</html>

上述代码,点击按键后能够将input成分掩盖。

可望本文所述对大家的jQuery程序设计有所扶助。

本文实例叙述了jQuery中:input选取器用法。共享给我们供大家参考。具体深入分析如下:
此选取器匹配…

本文实例陈说了jQuery中[attribute^=value]选拔器用法。分享给大家供大家参照他事他说加以考察。具体剖判如下:

此选取器相配全体的input成分。举个例子:<input
type=”text” />等等

此选用器能够挑选属性值是以有个别值起先的成分。

语法结构:

语法结构:

复制代码 代码如下:

复制代码 代码如下:

$(“:input”)

$(“[attribute^=value]”)

实例代码:

参数列表:

复制代码 代码如下:

参数 描述
attribute 属性名称。
value 元素数属性开始的值。
引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。

<!DOCTYPE html>
<html>
<head>
<meta charset=” utf-8″>
<meta name=”author” content=”//www.jb51.net/” />
<title>:input采用器-脚本之家</title>
<script type=”text/javascript”
src=”mytest/jQuery/jquery-1.8.3.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
  $(“button”).click(function(){
    $(“:input”).hide();
  });
});
</script>
</head>
<body>
<ul>
  <li><input type=”checkbox” value=”aihao”
/>读书</li>
</ul>
<button>点击查阅效果</button>
</body>
</html>

实例代码:

上述代码,点击按键后方可将input元素隐敝。

实例一:

盼望本文所述对我们的jQuery程序设计具备帮助。

复制代码 代码如下:

你只怕感兴趣的稿子:

  • js与jquery实时监听输入框值的oninput与onpropertychange方法
  • jquery完成勾选复选框触发事件给input赋值
  • 选拔jQuery达成input数值增量和减量的办法
  • jQuery不兼容input的change事件难题一挥而就进程
  • jQuery响应鼠标事件并遮掩与显示input默许值
  • jquery中$(#form :input)与$(#form
    input)的区别
  • jquery展现遮掩input对象
  • jQuery 遮盖和出示 input
    暗许值示例
  • jQuery四个input求和的落到实处方式

<!DOCTYPE html>
<html>
<head>
<meta charset=” utf-8″>
<meta name=”author” content=”//www.jb51.net/” />
<title>脚本之家</title>
<script type=”text/javascript”
src=”mytest/jQuery/jquery-1.8.3.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
  $(“button”).click(function(){
    $(“li[id^=s]”).css(“color”,”blue”);
  })
})
</script>
</head>
<body>
<ul>
  <li id=”first”>html专区</li>
  <li id=”second” title=”jquery”>Jquery专区</li>
</ul>
<ul>
  <li id=”third”>招待来到脚本之家</li>
  <li>脚本之家迎接您</li>
</ul>
<button>点击查阅效果</button>
</body>
</html>

以上代码能够将li元素中id属性值以s起首的li成分的文本颜色设置为葱绿。

实例二:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=” utf-8″>
<meta name=”author” content=”//www.jb51.net/” />
<title>脚本之家</title>
<script type=”text/javascript”
src=”mytest/jQuery/jquery-1.8.3.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
  $(“button”).click(function(){
    $(“li[id^=[s]”).css(“color”,”blue”);
  });
});
</script>
</head>
<body>
<ul>
  <li id=”first”>html专区</li>
  <li id=”[second” title=”jquery”>Jquery专区</li>
</ul>
<ul>
  <li id=”third”>款待来到脚本之家</li>
  <li>脚本之家招待您</li>
</ul>
<button>点击查阅效果</button>
</body>
</html>

从以上代码能够见见哪些代码中蕴藏”[“或者”]”的时候,要求求包蕴引号,不然会产生非常错误。

企望本文所述对大家的jQuery程序设计有所援助。

你大概感兴趣的篇章:

  • jquery $(this).attr
    $(this).val方法运用介绍
  • jQuery中[attribute!=value]选料器用法实例
  • jQuery中[attribute=value]选拔器用法实例
  • jQuery中[attribute*=value]分选器用法实例
  • 从重新设置input file标签中看jQuery的 .val() 和 .attr(“value”)
    差异
  • JQuery的attr 与 val区别

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 澳门新葡亰官网app 版权所有