jQuery查找,获取和修改元素
来源:互联网 发布:ntfs for mac 知乎 编辑:程序博客网 时间:2024/05/21 10:42
查找:
$(function(){ //+相当于js中的nextElementSibling ~符号跟匹配元素同级的并且是在他后面,不一定是相邻的 //找与label相邻的下一个目标$("label"+"input") //.next是查找下一个 //console.log($("label").prev('input'))//查找上一个 console.log($("label~input")) })</script>
获取和修改:
$(function(){ //读取div标签内部元素 // alert($('#d').html()); //修改div标签内部的内容 //$('#d').html('<span>asdasdas</span>'); //获取div标签内部的文本 // alert($("#d").text()) //修改div标签内部的文本内容 // $('#d').text('qwedasd') //获取输入框的value值 alert($("#t").val()) //修改value属性值 $("#t").val('12345657') })</script>多个元素修改:
修改CSS样式:$(function(){ //获取name属性值// alert($("input").attr('name')) //修改name属性值// $("input").attr('name','321');// $("input").attr('type','password');// $("input").attr('id','test'); //修改元素的所有属性值 //多个属性值一起修改 //调用attr方法,把所有要修改的属性放在{}里 //属性之间用逗号分割 //属性名与属性值之间用冒号隔开 $("input").attr({'name':'321','type':'password','id':'test'}) })
<script type="text/javascript"> $(function(){// $("div").css('background-color','blue'); $("div").css({'background-color':'blue','height':'200px','width':'100px'}) }) </script>
阅读全文
0 0
- jQuery查找,获取和修改元素
- 原生js和jquery获取修改元素
- Jquery获取和修改dom元素的属性值
- JQUEry查找父元素和子元素
- 【元素的查找】js和jquery方法查找dom元素
- 原生js,JQuery查找元素,修改类名
- jquery之修改元素样式(获取和设置样式,使用css(),width(),height()方法)
- jquery 的收集整理和记录--jquery查找元素
- JS获取和修改元素样式
- 获取和修改伪元素样式
- jquery查找元素
- jquery 元素查找
- jquery查找元素
- jQuery元素查找方法
- jquery查找子元素
- js和jquery穿梭iframe获取元素
- jquery 获取元素内容和值
- Jquery之获取和设置元素内容
- 《reinforcement learning:an introduction》第五章《Monte Carlo Methods》总结
- 21-Vue单文件组件的使用方式介绍
- CentOS下编写shell脚本来监控MySQL主从复制的教程_MySQL
- JS中的运算符和表达式
- 异步fifo的设计(二)
- jQuery查找,获取和修改元素
- Load Data使用方法
- 接口的方法与变量
- mysql写存储过程的一些注意事项以及mysql的一些函数
- Eclipse安装Sequoyah插件 配置本机开发报错Native Development: Invalid path for NDK(路径无效) 解决方案
- Maven Archetypes Part 3: 怎样构建一个多模块工程?
- 自己救赎之路--Java(Execl导入)
- Integer==陷阱
- AngularJS Select(选择框)