码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript函数库.jQuery

时间:2019-02-19 10:26:04      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:一个   网页   等于   ima   移动   区别   奇数   css选择器   选择器   

jQuery使用方法

  一、选择网页元素jQuery的基本设计和主要方法,就是“选择某个网页元素,然后对其进行某种操作”,这是它区别与其他函数库的根本特点。

    使用jQuery第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。

    选择表达式可以是css选择器:

    $(document)    //选择整个文档对象

    $(‘#myId‘)      //选择ID为myid的网页元素

    $(‘div.myClass‘)     //选择class为myclass的div元素

    $(‘input[name=first]‘)  //选择name属性等于first的input元素

    也可以是jQuery特有的表达式:

    $(‘a:first’)      //选择网页中第一个a元素

    $(‘tr:odd’)      //选择表格的奇数行

    $(‘#myfrom:input’)  //选择表单中的input元素

    $(‘div:visible’)    //选择可见的div元素

    $(‘div:gt(2)’)    //选择所有的div元素,除了前三个

    $(‘div:animated’)   //选择当前处于动画状态的div元素

  二、改变结果集

    如果选中多个元素,jQuery提供过滤器,可以缩小结果集

    $(‘div’).has(‘p’)      //选择包含p元素的div元素

    $(‘div’).not(‘.myclass‘);  //选择class不等于myclass的div元素

    $(‘div’).filter(‘.myclass’)   //选择class等于myclass的div元素

    $(‘div’).first()       //选择第一个div元素

    $(‘div’).eq(5)       //选择第六个div元素

    有些时候我们需要从结果集出发,移动到附近的相关元素,jQuery也提供了在DOM树上的移动方法:

    

 

JavaScript函数库.jQuery

标签:一个   网页   等于   ima   移动   区别   奇数   css选择器   选择器   

原文地址:https://www.cnblogs.com/jacky912/p/10399430.html

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