jQuery基本选择器和层次选择器学习使用

本文实例为大家分享了jQuery选择器的具体实现代码，供大家参考，具体内容如下

1.基本选择器

超文本标记语言头元字符集='utf-8' titlejQuery基本选择器/title脚本类型=' text/JAVAScript ' src=' http : js/jquery-1。x . js /脚本/头体div id='idDiv'DOM对象与jQuery对象的相互转化div class=' classDiv 'jQuery对象不能直接使用数字正射影像图对象的方法，=' classDiv '但可以通过将jQuery对象转换成数字正射影像图对象后再调用其方法.div。基本选择器是jQuery中最常用的选择器/span脚本类型=' text/JavaScript ' $(函数(e){ $(' # idDiv ')).css('color '，' blue ')；$('.类别').css(“”背景色，' # dddddd ')；$(“跨度”).css(“”背景色','灰色')。css('color '，' white ')；$('*').css('font-size '，' 20px ')；$('#idDiv，)。css(“”字体样式','斜体');});/脚本/正文/html2 .层次选择器

超文本标记语言头元字符集='utf-8' titlejQuery层次选择器/title脚本类型=' text/JAVAScript ' src=' http : js/jquery-1。x . js /脚本/头体div搜索条件输入名称='搜索'/表单标签用户名：/标签输入名称='useName'/fieldset标签密码：/标签输入名称='密码'/字段集/表单HR/身份证号：输入名称='none' /br/联系电话：输入名称='none'//div脚本类型='text/javascript' $(函数(e){ $(“表单输入”).css('width '，' 200px ')；$("表单输入")。css(“”背景','粉色');$("标签输入")。css(“”边框颜色','蓝色');//$("标签")。下一步("输入")。css(“”边框颜色','蓝色');$("表单~输入")。css(“”边框-底部-宽度，' 8px ')；//$(“表单”).' nextAll('输入')。css(“”边框-底部-宽度，' 4px ')；$('*').css('padding-top '，' 3px ')；});/脚本/正文/html效果图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。