第十五个知识:JQuery

初识JQuery:


    
    Title
  //引入jquery


  点我
  

我们通过一个公式:$(selector).action() 来使用JQuery,selector表示选择器---id、class、标签名都是选择器,就像document.getElementById……一样

JQuery里的选择器:

  • 与之前的document.getElementById相同,却更加简洁

$('#id').click(function (...))//id选择器
$('.class').click(function (...))//类选择器
$('p').click(function (...))//标签选择器
···

JQuery里的事件:所谓事件其实就是函数




    
    Title
  
  


  
  mouse_position:
  
 
​  

用JQuery操控dom元素:

  • 操作dom其实就是找到节点位置,然后对节点进行改变

$('#p1').text();//获取id为p1的标签的内容
$('#p1').text('天玄地号');//改变id为p1的标签的内容

对于列表:

$('#test-ul li[name=x]').text();//获取列表中li元素节点内容
$('#test-ul li[name=x]').css({"background","red"});//改变li下name为x的节点的背景颜色

之后还有很多东东,大家可以多去菜鸟教程或者Jquery官网学习,在这里我就不多赘述了,毕竟实在是太多了(汗流浃背了)

最后,学海无涯苦作舟,奥里给,你可以的,少年!

你可能感兴趣的:(jquery,前端,javascript,开发语言,ecmascript,html)