jQuery

1.什么是jQuery?

jQuery是一个优秀的JavaScript库,是一个凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,操作DOM,执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念:write less,do more.

jQuery 语法实例

$(this).hide()
演示 jQuery hide() 函数,隐藏当前的 HTML 元素。
$("#test").hide()
演示 jQuery hide() 函数,隐藏 id="test" 的元素。
$("p").hide()
演示 jQuery hide() 函数,隐藏所有 <p> 元素。
$(".test").hide()
演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。

jQuery 语法

jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

基础语法是:$(selector).action()

  • 美元符号定义 jQuery
  • 选择符(selector)“查询”和“查找” HTML 元素
  • jQuery 的 action() 执行对元素的操作

示例

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有段落

$(".test").hide() - 隐藏所有 class="test" 的所有元素

$("#test").hide() - 隐藏所有 id="test" 的元素

提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。

 

推荐这些文章:

jQuery样式操作

一、增加一个class类
//增加一个bbb的class类,aaa与bbb同时存在
 $(".aaa").addClass("bbb");
 
二、 删除一个class类
//删除aaa这个class类
$(".aaa").removeClass("aaa");
 
三、修改一个class类
//方法一
    //先删除,后添加。或者先添加后删除均可
    $(".aaa").addClass("bbb").removeClass("aaa");
    $(".aaa").removeC...

jQuery操作Dom元素

操作DOM

节点文本操作
$('#test-ul li[name = python]').text(); // 获得值
$('#test-ul li[name = python]').text('设置值'); // 设置值
$('#test-ul').html(); // 获得值
$('#test-ul').html('设置值'); // 设置值

css的操作
$('#test-ul li[name = python]').css("color","red");

元素的显示和隐藏:本质display:none;
$('test-ul li[name=python]').sho...

文章标题:jQuery
文章链接:https://www.dianjilingqu.com/3677.html
本文章来源于网络,版权归原作者所有,如果本站文章侵犯了您的权益,请联系我们删除,联系邮箱:saisai#email.cn,感谢支持理解。
THE END
< <上一篇
下一篇>>