jquery基础

首先还是要引入jquery文件的

1.通过id查找标签

//$('#id') 找到id对应的标签,返回一个列表
var h = $('#h')

2. 通过class查找标签

var h22 = $('.h2')

3.通过标签属性查找标签

 var a1 = $('[target="_blank"]')

4. 通过标签名称查找标签

var input2 = $('input')

5. 父子选择器

// css() 函数 给找到的标签添加css样式
// 1.样式名 2.样式值
//查询直接字标签
 $('#h>span').css('color','red')
// 后代选择器
 $('#h span').css('font-size','30px')

6.通过标签属性查找的方式

// 1.根据标签属性名进行查找
        $('input[name]').css('border','2px solid red')
        // 2.指定标签属性值进行查找
        $('input[name="user"]').css('border','2px solid blue')
        // 3.指定标签属性值不等于XX的标签
        $('input[name!="user"]').css('border','2px solid yellow')
        // 4.属性值中包含xx的
        $('input[name*="user"]').css('border','2px solid green')
        // 5.属性中以xx开头的
        $('input[name^="user"]').css('border','2px solid cyan')
        // 6.属性中以xx结尾的
        $('input[name$="user"]').css('border','2px solid gray')
        // 7.带有-连接符的
        $('input[name|="user"]').css('border','2px solid pink')