jQuery主要功能简析

2020-12-18 20:34

阅读:749

标签:表达式   list item   第一个   添加   创建元素   操作   表达   attr   pre   

获取元素

jQuery的基本设计思想和主要用法,就是选择某个网页元素,然后对其进行操作。
css选择器

$(document) 选择整个文档
$(‘#myId‘) 选择id为#id的网页元素
$(‘div.myClass‘) 选择class为myClass的选择器
$(‘input[name=mine]‘) 选择name属性等于mine的input元素

jQuery特有的表达式

$(‘a:firt‘) 选择网页第一个a元素
$(‘tr:odd‘) 选择表格的奇数行
$(‘#myForm :input‘)选择表单中的input元素
$(‘div:visible‘) 选择可见的div元素
$(‘div:gt(2)‘) 选择所有的div元素,除了前三个
$(‘div:animated‘) 选择当前处于动画状态的div的元素

链式操作

每一步的jQuery操作,返回的都是jQuery对象,所以可以连在一起

 $(‘div‘).find(‘h3‘).eq(2).html(‘h3‘);

分解后

$(‘div‘) 找到div元素
      .find(‘h3‘) 选择其中的h3元素
      .eq(2) 选择第三个h3元素
      .html(‘h3‘) 将它的内容改成h3

jQuery提供了end(),可以后退一步

创建元素

$(‘

Hello

‘); $(‘
  • new list item
  • ‘); $(‘ul‘).append(‘
  • list item
  • ‘);

    移动元素

    $(‘div‘).insertAfter($(‘p‘)); 把div元素移动到p的后面
    $(‘p‘).after($(‘div‘)); 在p元素的后面插入div元素
    

    修改属性

    attr() 设置或返回备选元素的属性值
    removeAttr() 从每一个匹配的元素中删除一个属性
    addClass() 为每个匹配的元素添加指定的类名。
    removeClass() 从所有匹配的元素中删除全部或者指定的类
    toggleClass() 如果存在(不存在)就删除(添加)一个类
    html() 取得第一个匹配元素的html内容或设置html内容
    text() 取得所有匹配元素的内容或设置text内容
    val() 获得匹配元素的当前值
    

    jQuery主要功能简析

    标签:表达式   list item   第一个   添加   创建元素   操作   表达   attr   pre   

    原文地址:https://www.cnblogs.com/silent-cat/p/14128450.html


    评论


    亲,登录后才可以留言!