博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery重新学习之一[加载与属性html(),text(),val()]
阅读量:7079 次
发布时间:2019-06-28

本文共 1691 字,大约阅读时间需要 5 分钟。

一:Jquery加载方式:

1:首先页面加载时马上响应JS代码如下运行(不一定要等所有的JS和图片加载完毕,就可以执行方法):

$(document).ready(function(){});

 

另一种简单写法:

$(function () {})

 

2:当然有些必须要等到所有元素都加载完才可以执行JS方法,可以如下面这种写法:

$(window).load(function() {$("#btn-upload").click(function(){    uploadPhotos();});});

 

3:还有一种是DOM元素加载之前执行Jquery代码:

 

二:常见属性.html()、.text()、.val()用法:

1:读值

.html()用为读取和修改元素的HTML标签[.html()方法使用在多个元素上时,只读取第一个元素]; .text()用来读取或修改元素的纯文本内容[.text()方法不能使用在表单元素上,应用在多个元素上时,将会读取所有选中元素的文本内容], .val()用来读取或修改表单元素的value值[val()是用来读取表单元素的"value"值,比如读取Div的val()则为空,只能使用在表单元素上,只能读取第一个表单元素的"value"值]。

实例:

踏浪帅空间(www.cnblogs.com/wujy)

带html标签

$("#My_Div").text();-->踏浪帅空间(www.cnblogs.com/wujy)$("#My_TwDiv").html();-->

带html标签

$("#My_Div").val();-->(为空)$("#My_input").val();-->踏浪帅

 

2:写值 .text([val|fn])、.html([val|fn])、.val([val|fn|arr])其中参数val为常量,fn为方法,arr则为数组

2.1 实例.text([val|fn])

$(function () {$("#My_Div").text("这边是text()");$("#My_TwDiv").text(function (n) { return "这是第一个DIV" + n });})

 

2.2 实例.html([val|fn])

$(function () {$("#My_Div").html("

这边是Html()

");$("#My_TwDiv").html(function (n) { return "这是第一个html" + n });})

 

2.3 实例.val([val|fn|arr])

2.3.1 val设定文本框的值

html: $(function () {$("#My_input").val("踏浪帅");})

 

2.3.2 fn设定文本框的值

$('input:text.items').val(function() {  return this.value + ' ' + this.className;});

 

2.3.3 arr设定一个select和一个多选的select的值

check1 check2 radio1 radio2$("#single").val("Single2"); //单选框选中$("#multiple").val(["Multiple2", "Multiple3"]); //复选框两个选中$("input").val(["check2", "radio1"]); //value等于check2跟radio1为选中状态

 

最近有个妹子弄的一个关于扩大眼界跟内含的订阅号,每天都会更新一些深度内容,在这里如果你感兴趣也可以关注一下(嘿对美女跟知识感兴趣),当然可以关注后输入:github 会有我的微信号,如果有问题你也可以在那找到我;当然不感兴趣无视此信息;

  

你可能感兴趣的文章
Mac OSX操作系统安装和配置Zend Server 6教程(4)
查看>>
python进阶学习路线(全)
查看>>
浏览器加载与渲染
查看>>
HTTP常见错误返回代码
查看>>
安装homeassistant+python3.6
查看>>
老李分享:JDK,JRE,JVM区别与联系 1
查看>>
CentOS 7 上systemctl 的用法
查看>>
Android Design框架
查看>>
[Linux] 在 Linux CLI 使用 ssh-keygen 生成 RSA 密钥
查看>>
在 Ubuntu 16.04 Server 上安装 Zabbix
查看>>
Netgear wndr3700v2 路由器刷OpenWrt打造全能服务器(九)ftp服务
查看>>
oracle 存储过程的基本语法
查看>>
程序员应该遵守的编程原则
查看>>
各操作系统配置NTP
查看>>
使用mysql索引技巧及注意事项
查看>>
按照发起的方式,DDoS可以简单分为三类
查看>>
2月新书,送出一本你爱的!
查看>>
2018LinuxCon,开源界的大咖们来了,赶紧行动!
查看>>
10月24日程序员关爱日
查看>>
python函数定义
查看>>