jquery选择器总结

什么是jquery?

Jquery就是对原生的js代码的封装。所以在使用jquery的时候需要导入jquery的文件。

使用jquery的好处？

使用更少的代码做更多的事情。

image.png

编写第一个jquery程序：

image.png

    
    
    



第一个jquery程序

Jquery的选择器: $和jQuery一样

使用jquery选择器的主要目的就是为了能够快速找到页面上的各个元素。
原生的js中怎么做？

document.getElementById()
document.getElementsByName()
document.getElementsByTagName()

在jquery中就要方便的多：使用jquery选择器 ，跟css选择器非常的类似。

1.基本选择器：

1. 元素选择器: $(“标签名”)
2. id选择器: $(“#id属性值”)
3. 类选择器: $(“.class属性值”)
4. 通配符选择器:$(“*”) 选择页面中所有的元素

5. 选择器组:$(“selector1,selector2...”) 根据多个选择器来选择多个元素

   
   
   

   image.png

5.属性选择器

获取下拉框的值 : selected

image.png

    北京
    上海
    广州
    杭州

完整代码地址

https://github.com/menglanyingfei/front-end-Learning/tree/master/jquery/jquery_day01