Js代码
成都创新互联是一家从事企业网站建设、网站设计制作、成都网站设计、行业门户网站建设、网页设计制作的专业网站设计公司,拥有经验丰富的网站建设工程师和网页设计人员,具备各种规模与类型网站建设的实力,在网站建设领域树立了自己独特的设计风格。自公司成立以来曾独立设计制作的站点上千家。
:
$("div[id]")
选择所有含有id属性的div元素
$("input[name='newsletter']")
选择所有的name属性等于'newsletter'的input元素
$("input[name!='newsletter']")
选择所有的name属性不等于'newsletter'的input元素
$("input[name^='news']")
选择所有的name属性以'news'开头的input元素
$("input[name$='news']")
选择所有的name属性以'news'结尾的input元素
$("input[name*='man']")
选择所有的name属性包含'news'的input元素
$("input[id][name$='man']")
可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素
jQuery通过name获取对象
使用jQuery获取name="nw"的input对象:$('input[name="nw"]');
使用$('input[name="nw"]').val()方法或$('input[name="nw"]').html()方法来获取其值。
和JavaScript获取对象值一样,input、select、textarea等表单类对象用val()方法来获取其值;div、span等对象用html()获取其值,如:$('input[name="nw"]').val();
设置对象的值,如:$('input[name="nw"]').val('123');
注意:
1.通过name获取对象值,获取的是第1个对象的值
name是可以重复的
2.通过name设置对象值,设置的是所有对象的值
name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值
$("input:text").attr("name");
$("input:text").prop("name"); // 也可以使用prop()方法获取属性
示例代码如下
创建Html元素
div class="box"
span点击按钮获取文本框的name属性值:/spanbr
div class="content"
input type="text" name="test" value="这个文本框的name属性值为test"
/div
input type="button" class="btn" value="获取文本框name值"
/div
设置css样式
div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='text']{width:200px;height:30px;border:none;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}
编写jquery代码
$(function(){
$("input:button").click(function() {
alert($("input:text").attr("name"));
});
})
name是button元素的属性,那么可以使用获取属性的方法获取name值:
$("input:button").attr("name"); // jQuery attr() 方法用于获取属性值
$("input:button").prop("name"); // prop()方法也可以用于获取属性值,绝大多数情况下二者通用
示例如下:
创建Html元素:多个不同name属性的button
input type="button" name="button1" class="button" value="提交"
input type="button" name="button2" class="button" value="提交"
input type="button" name="button3" class="button" value="提交"
input type="button" name="button4" class="button" value="提交"
input type="button" name="button5" class="button" value="提交"
简单设置一下css样式
input[type='button']{width:200px;height:35px;margin:10px;border:2px dashed #ebbcbe;}
编写jquery代码:点击某个button后弹出框显示其name属性值
$(function(){
$("input:button").click(function() {
var value = $(this).attr("name"); // $(this)表示获取当前被点击元素的name值
alert(value);
});
})
1、程序不仅需要给计算机读 , 也要给程序员读。 程序设计风格的原则 , 代码应该清楚的和简单的 , 具有直截了当的逻辑 , 自然的表达式 , 通行的语言使用方式 , 有意义的名字和帮助作用和注释。
2、自定义类型名以大写字母开头,各单词之间以大写字母分隔,如 CallType (即骆驼式命 名法) 。 变量名以小写字母开头, 各单词之间以大写字母 分隔 (变量活动范围前缀以下划线 分隔) ,如 m_pReleaseIn。函数名以大写字母开头,各单词之间以大写字母分隔(进程、进 程页及子函数前缀以下划 线分隔) ,如 Sub_ErrorDealing。