javascript语言中常用的两个符号#和$,它们都有着非常重要的作用,但是它们又具有明显的区别,下面将从多个方面进行简单讲解。
#主要针对的是网页中HTML元素id的属性,它通常是一个定位的符号,可以让我们快速的捕捉页面中某个元素,它的作用类似于HTML页面中锚点的作用。比如我们要对HTML页面中的某个按钮进行监听操作,我们就可以用以下的代码:
var btn = document.querySelector("#btn");
btn.addEventListener('click',function(){
alert('按钮点击了');
});
这个例子中,我们选取了HTML页面中id为btn的按钮元素,并在它上面添加了一个点击事件监听,这个功能在很多网页开发中都很常见。
$是jQuery中较为常见的符号,它的意义相对来说更加广泛,它可以对网页中的各个元素进行定位,所以使用$选取元素的方法非常全面,比如:
//选取class为btn的元素
$('.btn')
//选取id为btn的元素
$('#btn')
上面两个例子中,都用了$选取元素来查找HTML页面中的按钮元素,在使用jQuery时$符号非常重要。
另外,#还有一个很重要的用处,就是对CSS样式的操作。比如:
#content{
background-color:#F5DEB3;
width:500px;
margin:0 auto;
}
#content h1{
font-size:24px;
color:#333333;
}
这段代码定义了一个id为content的块级元素,对它进行了背景色、宽度和居中的操作,同时对里面的h1标签进行了字体大小和颜色的设置。
而$符号则在jQuery中可以进行更加复杂的操作,比如:
$(document).ready(function(){
$("#btn1").click(function(){
$("p").hide();
});
$("#btn2").click(function(){
$("p").show();
});
});
在这个例子中,$符号可以实现对HTML页面中p标签的隐藏和显示操作,这个功能在很多网站的交互中都有着重要的作用。
综上所述,#和$虽然很相似,但是它们的功能定位却大不相同。使用它们的时候,一定要根据自己的需求,选择正确的符号。