zoukankan      html  css  js  c++  java
  • 函数

    函数:

    val()
    $(选择器).val():无参形式,获取第一个dom对象的value属性值
    $(选择器).val(值):有参形式,对数组中所有dom对象的value属性值进行统一赋值

    text()
    $(选择器).text(),读取数组中所有dom对象的文字显示内容,得到的内容拼接成一个字符串返回
    $(选择器).text(值),对数组中所有dom对象的文字显示内容进行统一赋值

    attr
    $(选择器).attr(“属性名”):获取dom数组中第一个对象的属性值
    $(选择器).attr(“属性名”,“值”):对数组中所有dom对象的属性设为新值

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>函数</title>
    		<style type="text/css">
    			div{
    				background-color: goldenrod;
    			}
    			img{
    				height: 100px;
    			}
    		</style>
    		<script type="text/javascript" src="js/jquery-3.4.1.js">
    			
    		</script>
    		<script type="text/javascript">
    			$(function(){
    				$("#btn1").click(function(){
    					alert($(":text").val());
    				})
    				
    				$("#btn2").click(function(){
    					$(":text").val("设置所有值为hello");
    				})
    				
    				$("#btn3").click(function(){
    					alert($("div").text());
    				})
    				
    				$("#btn4").click(function(){
    					alert($("img").attr("src"));
    				})
    				
    				$("#btn5").click(function(){
    					$("img").attr("src","img/index2.jpg")
    				})
    			})
    		</script>
    	</head>
    	<body>
    		<input type="text" value="text1" /><br />
    		<input type="text" value="text2" /><br />
    		<input type="text" value="text3" /><br />
    		<br />
    		<div>我是div1</div><br />
    		<div>我是div2</div><br />
    		<div>我是div3</div><br />
    		
    		<img src="img/index.jpg" id="image1"/>
    		
    		<br />
    		
    		<input type="button" id="btn1" value="获取第一个文本框的值"/>
    		<br />
    		
    		<input type="button" id="btn2" value="设置所有文本框的值为hello"/>
    		<br />
    		
    		<input type="button" id="btn3" value="获取div文本"/>
    		<br />
    		
    		<input type="button" id="btn4" value="获取div文本"/>
    		<br />
    		
    		<input type="button" id="btn5" value="获取div文本"/>
    	</body>
    	
    </html>
    
  • 相关阅读:
    Java 线程间通信 —— 等待 / 通知机制
    Java 线程基础
    Java 内存模型
    Java 并发机制底层实现 —— volatile 原理、synchronize 锁优化机制、原子操作
    优秀程序员的博客有哪些?
    程序员五一被拉去相亲,结果彻底搞懂了HTTP常用状态码
    【Redis破障之路】三:Redis单线程架构
    【Redis破障之路】一:强大的Redis
    MySQL提升笔记(4)InnoDB存储结构
    MySQL提升笔记(3)日志文件详解
  • 原文地址:https://www.cnblogs.com/ethnic/p/14523396.html
Copyright © 2011-2022 走看看