JQuery 多属性选择节点

JQuery 1.6.0+以后用prop()代替attr();

多属性选择节点

 $("input[type=checkbox][name=‘first2‘][value=‘first4‘]")。
 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 7 <title>Insert title here</title>
 8 <script type="text/javascript" src="js/jquery-2.2.3.js"></script>
 9
10 <script type="text/javascript">
11 <!--
12
13 //-->
14 function first(){
15     var checked = $("input[type=checkbox][name=‘first2‘][value=‘first4‘]").prop("checked");
16     if(checked == true){
17         $("input[type=checkbox][name=‘first2‘][value=‘first4‘]").prop("checked", false);
18     }else{
19         $("input[type=checkbox][name=‘first2‘][value=‘first4‘]").prop("checked", true);
20     }
21 }
22
23 </script>
24 </head>
25 <body>
26 <input type="checkbox" id="first1" name="first2" title="first3" value="first4"/>
27 <input type="button" id="button" onclick="first()" value="提交"/>
28 </body>
29 </html>
时间: 2024-12-15 01:49:38

JQuery 多属性选择节点的相关文章

jQuery的属性、遍历和HTML操作

一.属性操作   1..attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.如:在img元素中,src就是元素的特性,用来标记图片的地址. 操作特性的DOM方法主要有3个,getAttribute方法. setAttribute方法和removeAttribute方法,就算如此在实际操作中还是会存在很多问题,这里先不说.而在jQuery中用一个 attr()与removeAttr()就可以全部搞定了,包括兼容问题 jQuer

【jQuery】对网页节点的增删改查

本文与<[JavaScript]网页节点的增删改查>(点击打开链接)为姊妹篇,其实JavaScript对DOM的操作已经总结了很久的,而对于jQuery对网页节点的操作,虽然一直在用,但一直没有好好总结一下,实在是不应该. 下面举同样的例子来说明这个问题: 如上图,提供3个按钮,1个下拉列表,1个输入框,提供增删改查的操作. 网页中最多10个节点,最少0个节点,多了不让加,少了不让减. 首先是本网页的基本布局: <!DOCTYPE HTML PUBLIC "-//W3C//DT

jQuery的属性及样式

1jQuery的属性与样式之.attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.如:在img元素中,src就是元素的特性,用来标记图片的地址. 操作特性的DOM方法主要有3个,getAttribute方法.setAttribute方法和removeAttribute方法,就算如此在实际操作中还是会存在很多问题,这里先不说.而在jQuery中用一个attr()与removeAttr()就可以全部搞定了,包括兼容问题 jQue

Jquery 通配选择符

今天逛Q群遇到一个网友请教问题: 问题如下,他需要在查找ID为sch开头的元素中分别查找出各自包含sub001的数量, 如:ID:sch002.sch033 DIv元素等等后面的数字是随机的,里面都会包含sub001元素,数量不一:一开始网友是想打算使用for循环来解决,无疑会中招:因为第一循环量大(因为你无法预计sch后的数字有多小位需要设定一个)造成运行损耗内存大,运行速度慢,而且查找到没有元素操作时会报错. 所以我介绍他使用^= Jquery的统配选择符,确实好使好用立马解决他的问题:解决

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

jQuery的属性与样式之.attr()与.removeAttr()

Query中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr() attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: "属性值一" , 属性名二: "属性值二" , - - } removeAttr()删除方

jQuery获取Select选择的Text(非表单元素)和 Value(表单元素)(转)

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#selec

jQuery获取Select选择的Text和 Value

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#se

jQuery获取Select选择的Text和 Value(转)

jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select