码迷,mamicode.com
首页 > Web开发 > 详细

jquery学习

时间:2019-07-17 00:02:53      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:put   选择器   影响   UNC   为什么   prototype   标签   img   java   

jQuery认识:jQuery是继prototype原型之后一个优秀的JavaScript框架之所以能够生存到现在为数不多的框架当然她有她的优势

(2)链式语法和多功能的接口

 

(3)兼容性强

 

(4)丰富的插件机制

 

(5)扩展了CSS的选择器

要使用jQuery首先映入这两个配置文件

技术图片

 

1.1  jQuery里面的常用选择器

在使用jQuery之前首先引入

技术图片

类选择器根据获取class属性

$(function(){
             $(".o").css("color","chartreuse")

ID 选择器  很据获取id

$(function(){
                $("#test1").css("color","aqua")
           });

标签选择器  更具获取使用的标签

$(function(){
               $("input").css("color","crimson")
          });

祖先后代选择器(就是说ul标签下面的所有子标签都会受到影响)

 

技术图片

技术图片

 

 父子选择器(就是form下面的input标签会受到影响)

技术图片

技术图片

1.2 jQuery事件

技术图片

1.3取消注册事件

技术图片

1.4 apend方法

技术图片

技术图片

 

  1.5 dom对象和jQuery对象相互转换

 

方式:

 

 

 

?   ==$(dom对象)==

 

   ==jquery对象[0]== --》取到dom元素

 

为什么jQuery对象转换成Dom对象?

 

?    有时候想调用原生的属性或者方法 就需要把jQuery对象转换成Dom对象

常用的其它选择器

  $("*") 所有元素选择器

 

 $("tagName1,tagName2") 多元素选择器

 

 $(‘tagName1 tagName2‘) 祖先后代选器

 

$("parent  >  child") 父亲儿子

 

$("tag1 ~ tag2 ")

 

$("tag1 + tag2") 相邻选择器

 

$("input[name=hobbies]")属性选择器

jquery学习

标签:put   选择器   影响   UNC   为什么   prototype   标签   img   java   

原文地址:https://www.cnblogs.com/1999wang/p/11198115.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!