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(‘‘);
}

  

原文地址:https://www.cnblogs.com/Gaoqiking/p/11404039.html

时间: 2024-10-03 03:10:36

js、jquery、css属性及出错集合的相关文章

用js控制css属性的问题

在用js控制css属性时,行内css属性可以任意控制,但若是在<style></style>中写的css属性,均不能用alert读取,但是赋值却有几种现象, 第一种:无法读取,能直接赋值 如下: <!DOCTYPE html> <head> <title>新建网页</title> <meta http-equiv="Content-Type" content="text/html; charset=

JS获取CSS属性值

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <ti

jquery css属性练习

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>css属性(专门用于class属性设置)&

js添加css属性导致:hover无效的解决办法

这其实是css的优先级导致的. js添加的属性是直接在标签增加style属性,优先级高于样式表的#和.选择器.style>id>class. 但是:hover伪类也失效了.说明style>css伪类>id>class. 给:hover的属性后面添加!important就可以了. color: #fff !important; 设置了!important的样式优先级高于一切. !important>style>id>class

HTML CSS JS JQuery 特性属性详解

HTML 文字滚动标签 <marquee><font size=+3 color=red>Hello, World</font></marquee> CSS 溢出的内容用(...)代替 text-overflow: ellipsis; 强制不允许换行 white-space: nowrap;

JS 获取CSS属性值

obj: 元素对象 attribute: 属性 返回值:该对象这个属性的值 function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和DOM,设置参数:元素对象.样式特性 return obj.currentStyle?obj.currentStyle[attribute]:document.defaultView.getComputedStyle(obj,false)[attribute]; } 完整链接:http://www.css8

js 修改css属性值

js不能修改样式表 但是可以修改元素:比如 <div id="test" class="star-rating"></div> 对于上面的层的样式,可以这样修改: var test_div=docuemnt.getElementById("test"); test_div.style.width="80px";

js 添加css属性

$(".active").css('border','1px solid #ddd')curLi.css('border','2px solid red')curLi.css('border-right','none') var company = document.getElementById('id_company');company.style.height = '23px';company.style.width = '339px'; 来自为知笔记(Wiz)

用js修改css属性

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> #fuhao{width: 20px} </style> </head> <body> <div> <input type="button"