美文网首页
jquery表单对象属性选择器

jquery表单对象属性选择器

作者: 小祈祈博客 | 来源:发表于2019-02-12 12:40 被阅读0次

<html>

  <head>

    <title>ddd</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

  div,span{

 width: 140px;

 height: 140px;

 margin: 20px;

 background: #9999CC;

 border: #000 1px solid;

float:left;

 font-size: 17px;

 font-family:Roman;

}

div.mini{

 width: 30px;

 height: 30px;

 background: #CC66FF;

 border: #000 1px solid;

 font-size: 12px;

 font-family:Roman;

}

div.visible{

display:none;

}

 

  </head> 

  <body>

XXXX

XXXXXXX

XXXXXXXXX

  元素的值"  id="b1">

  元素的值"  =""  id="b2">

 

 

 

 

 

 

 

 

 爱好1

 爱好2

 爱好3

 爱好4

 

 

    选项1^^

 选项2^^

 选项3^^

 选项4^^

 选项5^^

 选项6^^

 

    博士^^

 硕士^^

 本科^^

 小学^^

</body>

 //*利用 jQuery 对象的 val() 方法改变表单内 type=text 可用 元素的值

 $('#b1').click(function(){

$("input[type=text]:enabled").val("hello");

 });

// 利用 jQuery 对象的 val() 方法改变表单内 type=text 不可用 元素的值

 $('#b2').click(function(){

$("input[type=text]:disabled").val("hello");

 });

//**利用 jQuery 对象的 length 属性获取多选框选中的个数

 $('#b3').click(function(){

//alert($("input[type=checkbox]:checked").length);

 alert($(":checkbox:checked").length);

 });

 //****利用 jQuery 对象的 text() 方法获取下拉框选中的内容

 $('#b4').click(function(){

//alert($("select option:selected").text());

$arr=$("select option:selected");

//必须 用这个 val()函数把每个值打印;

$.each($arr,function(){

alert($(this).val());

})

 });  

</html>

相关文章

  • jQuery入门(2)

    jQuery选择器 属性筛选选择器 子元素筛选选择器 表单元素选择器 表单对象属性筛选选择器 特殊选择器this ...

  • jquery

    1、选择器 选择器 2、样式添加、属性获取 样式与属性 3、js对象和jquery对象转化 js和jquery转化...

  • jquery表单对象属性选择器

    ddd div,span{ width: 140px; height: 140px; margin: ...

  • 2020-04-07jQuery

    基本选择器 层叠选择器 属性选择器 位置选择器 表单选择器 操作 操作元素的CSS样式 设置元素内容 jQuery...

  • JQUERY一

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器 jQuery 事件 jQuery...

  • 选择器

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器

  • jQuery篇之获取jQuery对象

    获取 筛选器 基本筛选器 内容筛选器 可见性筛选选择器 属性筛选器 子元素筛选器 表单元素筛选器 表单对象属性筛选选择器

  • 08-过滤选择器-子元素过滤&表单过滤

    过滤选择器-子元素过滤&表单过滤 作者:曾庆林 :nth-child()选择器详细功能描述: 表单对象属性过滤选择...

  • 9.jQuery选择器之表单选择器

    表单选择器 1). 表单 2). 表单对象属性 // 1. 选择不可用的文本输入框 $(":text:disa...

  • Jquery

    记录一下jquery比较常用的几个操作 1、js和jquery对象的转换 2、属性选择器 1、id/class选择...

网友评论

      本文标题:jquery表单对象属性选择器

      本文链接:https://www.haomeiwen.com/subject/wdoheqtx.html