JQ的选择器中出现特殊字符的处理

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/BrightLD/article/details/84622287

HTML

<body>
	<div id="id.a">aa</div>
	<div id="id#b">bb</div>
	<div id="id[1]">cc</div>
</body>

JavaScript

<script type="text/javascript">
		$(function(){
			var $id_a  = $('#id.a');//jQuery对象
			var $id_b  = $('#id#b');//jQuery对象
			var $id_c =  $('#id[1]'); 	//jQuery对象
           //上面这种获取方式是获取不到对应的元素,我们应该对出现的特殊字符进行转义
           
			var $id_right_a  = $('#id\\.a');//jQuery对象,对特殊字符,我们转义一下
			var $id_right_b  = $('#id\\#b');//jQuery对象,对特殊字符,我们转义一下
			var $id_right_c  = $('#id\\[1\\]'); //对特殊字符,我们转义一下
	</script>

我们在定义选择器的时候,尽量遵循命名规范,如果必要出现特殊字符,要对其进行转义。

猜你喜欢

转载自blog.csdn.net/BrightLD/article/details/84622287