在jquery中怎么使用css 类名和id 来获得元素

Posted 2023-02-22

1、jquery是javascript的一种js框架
2、jquery在js代码里的符号为$
3、比如一段html代码
<div class="nav">

<span id="menu">HTML页面</span>

</div>

jquery获取class为nav的这个元素 $(".nav")
jquery获取id为menu的这个元素 $("#menu")
class类名jquery获取这个元素，必须以.开头，id以#开头，如上。 参考技术A <input type="text" id="name" value="姓名"/>
<input type="text" class="phone" value="电话"/>
<script>
$(function()
var a=$("#name").val(); //id 获取用 # 此句值为 姓名
alert(a);
var b=$(".phone").val(); //class(类名称) 获取用 . 此句值为 电话
alert(b);
)
</script>本回答被提问者采纳 参考技术B $('.类名') $('#id')

js 获得类名 getClassName

使用js获取类名，但是低版本浏览器不支持getElementsByClassName，所以我们就需要自定义getClassName，方便跨浏览器使用。

当然，如果采用jquery就不需要。

//获取类名
//兼容一个标签中存在多个类名
function getClassName(className,id){
    //如果浏览器支持getElementsByClassName
    if(document.getElementsByClassName){
        //判断是否有id
        if(id){
            return document.getElementById(id).getElementsByClassName(className);
        }else{
            return document.getElementsByClassName(className);
        }
    }
    if(id){    //如果浏览器不支持getElementsByClassName
        var demo = document.getElementById(id).getElementsByTagName("*");
        var arr= [];

        for(var i=0;i<demo.length;i++){
            var text = demo[i].className.split(" ");
            for(var j=0;j<text.length;j++){
                if(text[j] == className){
                    arr.push(demo[i]);
                }
            }
        }
        return arr;
    }else{
        var demo = document.getElementsByTagName("*");
        var arr= [];

        for(var i=0;i<demo.length;i++){
            var text = demo[i].className.split(" ");
            for(var j=0;j<text.length;j++){
                if(text[j] == className){
                    arr.push(demo[i]);
                }
            }
        }
        return arr;
    }
}