当前位置: 首页 > Web前端 > HTML

jQuery的函数

时间:2023-03-28 12:00:54 HTML

选择元素在构造函数jQuery()(简写为$)中放入一个选择表达式,然后得到被选择的元素。选择表达式可以是CSS选择器:$(document)//选择整个文档对象  $('#myId')//选择ID为myId的网页元素  $('div.myClass')//选择class为myClass的div元素  $('input[name=first]')//选择name属性等于first的input元素也可以是jQuery特有的表达式: $('a:first')//选择网页第一个a元素  $('tr:odd')//选择表格的奇数行  $('#myForm:input')//选取表单中的input元素  $('div:visible')//选取可见的div元素  $('div:gt(2)')//选取除前三个以外的所有div元素  $('div:animated')//选择当前动画的div元素改变结果集的范围 $('div').has('p');//选择包含p元素的div元素  $('div').not('.myClass');//选择class不等于myClass的div元素  $('div').filter('.myClass');//选择class等于myClass的div元素  $('div').first();//选择第一个div元素  $('div').eq(5);//从结果集中选择第6个div元素开始,移动到附近的相关元素,jQuery也提供了在DOM树上移动的方法: $('div').next('p');//选择div元素后面的第一个p元素  $('div').parent();//选择div元素的父元素  $('div').closest('form');//选择离div元素最近的表单父元素  $('div').children();//选择div的所有子元素  $('div').siblings();//选择div的兄弟元素获取元素。使用attr()方法修改元素的属性。attr()方法设置或返回被选元素的属性值。根据方法的参数,它的工作方式不同。语法为:$(selector).attr(attribute,value)获取节点属性名的值,相当于getAttribute(key)方法$(this).attr(key);设置节点属性的值,相当于setAttribute(key,value)方法$(this).attr(key,value);获取节点属性的值vardiywidgetid=$('#w_1').attr('diywidgetid');获取一个元素节点的值,相当于$(this).attr("value");$(this).val();设置一个元素节点的值,相当于$(this).attr("value",value);$(这个)。值(值);链式操作选中网页元素后,可以对其进行一系列的操作,所有的操作可以连在一起写成链的形式 $('div')//找到div元素   .find('h3')//选择h3元素   .eq(2)//选择第三个h3元素   .html('Hello');//改变它的内容Hello的原理是jQuery操作的每一步都返回一个jQuery对象,所以不同的操作可以连接在一起。.end()方法,让结果集可以倒退一步: $('div')   .find('h3')   .eq(2)   .html('Hello')   .end()//回到选择所有h3元素的步骤   .eq(0)//选择第一个h3元素   .html('World');//添加它更改World的内容创建一个元素并将新元素传递给jQuery的构造函数  $('

Hello

');  $('新列表项');  $('ul').append('
  • 列表项
  • ');有两套移动元素的方法来移动网页中元素的位置。一组方法是直接移动元素,另一组方法是移动其他元素,使目标元素在我们想要的位置。场景:假设我们选择了一个div元素,需要将它移到p元素的后面。方法一、使用.insertAfter()将div元素移到p元素的后面: $('div').insertAfter($('p'));方法二、使用.after()将p元素添加到div元素的最前面: $('p').after($('div'));区别:返回的元素不同。第一个方法返回一个div元素,第二个方法返回一个p元素。根据您的需要,选择要使用的方法。四对操作方法:  .insertAfter()和.after():在已有元素之外,从后面插入元素  .insertBefore()和.before():在已有元素之外,从前面插入元素  .appendTo()和.append():在现有元素内部,从后面插入元素  .prependTo()和.prepend():在现有元素内部,从前面插入元素修改element属性addClass():将指定的类名添加到匹配的元素中。attr():设置或返回匹配元素的属性和值。hasClass():检查匹配的元素是否具有指定的类。html():设置或返回匹配元素集合中的HTML内容。removeAttr():从所有匹配的元素中移除指定的属性。removeClass():从所有匹配元素中删除所有或指定的类。toggleClass():从匹配的元素中添加或删除一个类。val():设置或返回匹配元素的值。