js、jquery、css属性及出错集合
*)注意使用jquery设置css的语法
css("propertyname","value");#单个时时逗号
css({"propertyname":"value","propertyname":"value",...});#多个时时大括号,中间是冒号
*)jquery和js的方法是不同的
比如获取和设置textarea的内容 参考链接:https://blog.csdn.net/glgom/article/details/88142605
<script type="text/javascript">
function change(){
/** js设置 */
var test = document.getElementById("test");
test.innerHTML = "你好,地球!"; //方法1
test.value = "你好,中国!"; //方法2
test.innerText = "绿色地球!"; //方法3 /** jq设置 */
$("#test").html("你好、我好、大家好!"); //方法1
$("#test").val("幸福的日子"); //方法2
$("#test").text("html好学"); //方法3
}
</script>
我犯得错误 就是竟然以为这两个语言只是获取dom元素的方式有区别:
function virtual_click(){
// $('.jfk-button-img').click()
// $('#source').click()
console.log('事件已运行')
$('#source').css('background','#5d885d');//这个有用#我起初就是因为这样获取然后调用css方法就能设置样式才以为js和jq除了选择方法有区别而已。而完全没有想到过之前学的Atribute()方法和.style.color=''这种方法,而学这些的时候也没有认识到js和jq是不同的,哎
var tem=$('#source')#甚至还想到了这个,以为是直接$('').value=''会出现对象的属性错误这种可笑的想法
tem.value=' ';//这个没有用,不知道为啥,现在知道了,当然没用了阿
tem.val('');
}
js、jquery、css属性及出错集合的更多相关文章
- js,jquery,css,html5特效
包含js,jquery,css,html5特效,源代码 本文地址:http://www.cnblogs.com/roucheng/p/texiao.html 2017新年快乐特效 jQuery最新最全 ...
- js jquery css 选择器总结
js jquery css 选择器总结 一.原始JS(Document 对象)选择器. id选择器:document.getElementById("test"); name选择器 ...
- 用js控制css属性
在用js控制css属性时,行内css属性可以任意控制,但若是在<style></style>中写的css属性,均不能用alert读取,但是赋值却有几种现象, 第一种:无法读取, ...
- jquery css属性练习
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 同时处理html+js+jquery+css的插件安装(Spket&Aptana插件安装)
Spket 在线安装方法:Help->Software Updates(或者Install New Software)->Add site Location:http://www.spke ...
- JS 获取CSS属性值
obj: 元素对象 attribute: 属性 返回值:该对象这个属性的值 function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和DOM, ...
- js 修改css属性值
js不能修改样式表 但是可以修改元素:比如 <div id="test" class="star-rating"></div> 对于上面 ...
- js 添加css属性
$(".active").css('border','1px solid #ddd')curLi.css('border','2px solid red')curLi.css('b ...
- js修改css属性值
推荐用dom.style.setProperty('属性','属性值'); 例如: $("#id")[0].style.setProperty('margin-top','1px' ...
随机推荐
- centos 配置sentry+钉钉+邮件通知
1.sentry官方推荐docker方式安装.使用docker-compose,最好是centos7 2.卸载旧版本 yum remove docker docker-common docker-se ...
- python中的随机数生成
结论先行 生成随机数: # salt = ''.join(random.choices(string.ascii_letters + string.digits, k=3)) salt = ''.jo ...
- 「杂谈」最有可能成为第五个一线城市,苏州 or 杭州?
最有可能成为第五个一线城市,苏州 or 杭州? 一线城市的几个硬指标 所谓的"一线城市",并不是政府提倡或者说是官方发布的城市称号,是最近十几年因房地产行业的强势崛起,一些媒体尤其 ...
- Sublime操作
快速搭建HTML模版:左下角的纯文本编程HTML语言,然后输出!(感叹号)或者html:5,再按Tab键. 快速创建html标签: div#top>(div.top-left>div.li ...
- Python—实现sftp客户端(连接远程服务器)
使用SFTP上传与下载文件方式一: import paramiko transport = paramiko.Transport(("106.15.88.182", 22)) # ...
- CPU与GPU基础知识与品牌
1 CPU信息 ubuntu系统: lscpu 序号 属性 描述 1 架构 x86_64 2 CPU 运行模式 32-bit, 64-bit 3 字节序 Little Endian 4 CPU内核数量 ...
- MATLAB实例:PCA降维
MATLAB实例:PCA降维 作者:凯鲁嘎吉 - 博客园 http://www.cnblogs.com/kailugaji/ 1. iris数据 5.1,3.5,1.4,0.2,1 4.9,3.0,1 ...
- 矩阵补全(Matrix Completion)和缺失值预处理
目录 1 常用的缺失值预处理方式 1.1 不处理 1.2 剔除 1.3 填充 2 利用矩阵分解补全缺失值 3 矩阵分解补全缺失值代码实现 4 通过矩阵分解补全矩阵的一些小问题 References 矩 ...
- ambassador对websocket的支持示例
今天进展神速,ambassador对websocket的支持也调通啦.. 一,关键yaml文件 --- apiVersion: v1 kind: Service metadata: labels: n ...
- OpenTelemetry项目中的Observability
最近,在实操zipkin,jaeger,opencensus,opentracing,opentelemetry等. opentelemetry将Observability提到了重要页面, 并进行了讲 ...