其他分享
首页 > 其他分享> > jq

jq

作者:互联网

js 和 jquery主要的区别 在 dom
 想用jquery  必须先引入(顺序问题)
  先css 再js:   先框架css再自己css 先jquery 再框架 再自己
 
 找元素:
  js:
   document.getElement[s]By...   id  tagname  name  classname
  jquery:
   $(选择器)       $(选择器).eq(下标) 
 操作内容:
  jsDom.innerHtml = 赋值
  jsDmo.value
  jqDom.html()    jqDom.html('赋值')
  jqDom.val()     jqDom.val('赋值')
 操作样式
  jsDom.style.color = 赋值   //只能操作行内样式
  jqDmo.css('color');  jqDmo.css('color','red');
  jqDmo.css({
   'color' : 'red',
   'width' : '100px'
   ...
  });
 操作属性
  jsDom.getAttribute('class');
  jsDom.setAttribute('class','add');
  jsDom.removeAttribute('class');
  
  jqDom.prop('class');
  jqDom.attr('class');
  jqDom.attr('class','add');
  jqDom.prop('class','add');
  jqDom.attr({
   'data' : 'add',
   'id' : 'add',
   ...
  });
  jQDom.removeAttr('class')
  jqDom.addclass('del')  js找到的是js对象  jquery找到的是jquery对象
  相互转  js->jquery   $(jsDom)       jquery->js   $('div')[0]    $('div').get(0)
  两个对象  jsDom      jqDom  
 
 操作事件 
  jsDom.onClick = function(){
   this
  }
  jqDom.click(function(){
   $(this)
  }); 隐藏和显示 隐藏:元素节点.hide();                      显示:元素节点.show();                         一个按钮实现隐藏和显示:元素节点.toggle();                  括号内可以用"slow","fast"或毫秒值来控制隐藏或显示速度 淡入淡出 淡入:元素节点.fadeIn();                    淡出:元素节点.fadeOut();                           一个按钮实现淡入和淡出:元素节点.fade toggle();                  括号内可以用"slow","fast"或毫秒值来控制隐藏或显示速度 滑动 下滑:元素节点.slideDown();                   上滑:元素节点.slideUp();                         一个按钮实现下滑和上滑:元素节点.slideToggle();                  括号内可以用"slow","fast"或毫秒值来控制隐藏或显示速度 

标签:jquery,jq,js,jqDom,节点,jsDom,class
来源: https://www.cnblogs.com/liu-666/p/13565698.html