jquer绑定和获取属性
//绑定到jQuery上,标签上没有
jQbut.click(function(){
jQinp.text=""; //绑定属性
console.log(jQinp.text)
})
//绑定到jQuery上 标签上也可以显示
jQbut.click(function(){
jQinp.attr("title",); //绑定属性
console.log(jQinp.attr("title"));
});
//绑定类名
jQbut.click(function(){
jQinp.attr("class","box") //绑定属性
console.log(jQinp.attr("class"));
});
// 删除属性名
jQbut.click(function(){
jQinp.removeAttr("class")
})
// form特性属性用 prop 其他情况还是用attr
jQbut.click(function(){
jqinp2.prop("checked",true)
jqinp2.attr("checked",true)//一次性管用
}) }
//val() 获取value属性的值 当val(有参数)是赋值 (js中的value)
alert($("input").val());
$("input").val("我是刚赋值给input的val")
//text() 获取双标签的文本值 (不识别标签) 相当于js中的innerText
alert($("div").text());
$("div").text("<li我是新的li</li>")
4、html() 获取文本值
//html() 获取双标签的文本值 (识别标签) 相当于js中的innerHTML
alert( $("div").html())
$("div").html("<li我是新的li</li>")
$(function(){
//需求1:点击上面的多选按钮,下面的所有多选按钮都和上面的一致
$("#j_cbAll").click(function(){
$("#j_tb input:checkbox").prop("checked",$(this).prop("checked"))
});
//需求2、点击下面的多选按钮,判断下面的所有选择按钮都是否全部被选定只有全部
$("#j_tb input:checkbox").click(function(){ // input:checkbox"属性值
//判断,只有所有都背选定,上面的才被选定
//技术点:带有checked属性的标签和checkbox个数一样多的时候
if($("#j_tb input:checkbox").length === $("#j_tb input:checked").length){
//当全不被选定 上面的input checked
$("#j_cbAll").prop("checked",true)
}else{
$("#j_cbAll").prop("checked",false)
}
})
})
动态添加案例
<script>
jQuery(function () {
//需求1:页面加载的时候每隔固定时间,.word中添加一个字符。
fn("中国十九大召开",$(".typed-cursor"),$(".word"))
//需求2:点击say按钮,上面的input中的内容,每隔固定时间,.word中添加一个字符,插入的就是input中的内容。
$("#btnSay").click(function(){
fn($("#inValue").val(),$(".typed-cursor"),$(".word"))
$("#inValue").val("")
});
//封装
function fn(ele1,ele3,ele4){
//1.定义字符串,然后显示插入条光标(把字符串转换成数组)
var src=ele1;
var arr=src.split("");
var src2="";
var num=;
var time=null;
//2.定时器。
time=setInterval(function(){
//4.判断,如果文字的个数和数组的长度一样了,就清除定时器
if(arr[num]===undefined) {
clearInterval(time);
ele3.hide()
}else{
//定义一个字符串用来接收
src2+=arr[num];
//3.每隔一段时间,在.word中插入一个文字。( 就是改变内容,text() )
ele4.text(src2);
num++
}
},)
}
});
</script>
jquer绑定和获取属性的更多相关文章
- Vue.js自定义标签属性并获取属性,及绑定img的src属性的坑
一.定义属性: 一般定义属性都是为了动态的去获取属性的值,或者动态的设置属性的值,如果想仅仅是设置一个普通的属性,直接在便签上设置属性即可,就像使用html的title.name等属性一样,如< ...
- 商品类型的下拉框绑定一个事件,通过ajax获取属性
html代码这么写 <!-- 商品属性 --> <table cellspacing="1" cellpadding="3" width=&q ...
- springmvc请求参数的绑定和获取
请求参数的绑定和获取: 获取页面请求的参数,是javaweb必不可少的一个环节,在struts中,是通过再Action中定义属性,或者Model的方式进行数据绑定和获取.需要提供setter或gett ...
- 在vuejs 中使用axios不能获取属性data的解决方法
Laravel5.4 vuejs和axios使用钩子mounted不能获取属性data的解决方法 //出错问题:在then 这个里边的赋值方法this.followed = response.data ...
- WPF 数据绑定 1_1 基础知识&绑定到元素属性
A.数据绑定基础: 数据源对象:WPF将从该对象中提取信息,交由目标对象进行显示. 目标对象:从数据源中提取信息,并赋给该对象的属性. B.绑定到元素属性 最简单的绑定情形则是将一个源对象指定为一个W ...
- 定义通用的可通过lambda表达式树来获取属性信息
我们一般获取某个类型或对象的属性信息均采用以下几种方法: 一.通过类型来获取属性信息 var p= typeof(People).GetProperty("Age");//获取指定 ...
- JS之获取属性总结
嗨,我是沐晴,今天来说说JS中关于获取属性的一些方法和区别.闲话不说,来正题. 首先什么是属性呢,比如input标签,标签中的value id type style等,这些就是属性.我们JS获取属性一 ...
- js中attr 与find 获取属性值,
一.attr的用法 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 und ...
- jquery 获取属性的值
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr( 属 ...
随机推荐
- (十一)mybatis之整合ehcache缓存
一.二级缓存 大家都知道使用mybatis就要先获取sqlsessionfactory,继而使用sqlsession来和数据库交互,每次只需要使用sqlsession对象提供的方法就好,当我们需要第一 ...
- CentOS下 .Net Core 1.0 升级到 3.0 遇到的一个小问题
之前.net core 1.0的安装方式,不是用yum方式安装的,所以,在用yum安装3.0之后,用dotnet --version还是1.0的版本,想起了之前 做过链接映射dotnet目录,删除之前 ...
- 3D数学基础_图形与游戏开发
https://blog.csdn.net/popy007/article/list/2?t=1& //向量计算相关文章 https://www.baidu.com/link?url=48C ...
- springboot启动流程(十一)aop切面处理过程
所有文章 https://www.cnblogs.com/lay2017/p/11478237.html 正文 spring的两大核心就是ioc和aop.在关于ioc依赖注入的文章中,我们了解了如何根 ...
- openssh升级
转载:(感谢作者) centos7 升级openssh到openssh-8.0p1版本 https://www.cnblogs.com/nmap/p/10779658.html centos 7 op ...
- ASE19团队项目 beta阶段 model组 scrum1 记录
本次会议于12月2日,18时30分在微软北京西二号楼sky garden召开,持续25分钟. 与会人员:Jiyan He, Kun Yan, Lei Chai, Linfeng Qi, Xueqing ...
- flask的配置项及获取
1 修改/新增配置项的3种方法 # 配置参数的使用方式 # 1. 使用配置文件 # app.config.from_pyfile("config.cfg") # 2. 使用对象配置 ...
- pyecharts各省人口GDP可视化分析
版权声明:本文为博主原创文章,转载 请注明出处:https://blog.csdn.net/sc2079/article/details/82503569 9月9日更:本篇博客数据下载:链接:http ...
- 笔记本电脑安装jupyterthemes
上午准备在老笔记本上也装上jupyter themes,竟然遇到一堆问题: 首先直接 pip install jupyterthemes 参考:https://blog.csdn.net/Jinlon ...
- hive中计算某个日期是星期几的算法
pmod(floor((unix_timestamp('2019-06-11 00:00:00')-unix_timestamp('1970-01-05 00:00:00'))/(3600*24)), ...