jQuery学习笔记（一）

在php的编写过程中，js貌似是个绕不过的坎儿了，慕课上jQuery课程脉络还是蛮清晰的，OK，let's do it~

基础课程介绍jQuery有1.x版本和 2.x版本，点开官网，啊偶，3.1是个什么鬼 - -、好吧，升级蛮快的。这个笔记呢，记录下我觉得在学习过程中需要注意而且经常用的一些东东，在看到页面上这些东东的时候能看懂就行了，作为前端的小白大神们不要喷啊。
各版本引入地址

• jQuery是一个类数组对象（嗯，是个对象，里面好多方法）
• $('.class'),类选择器自带循环
• :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素$('.class:contains("text")').css("color", "#CD00CD");

我们有几种方式可以隐藏一个元素：

1. CSS display的值是none。
2. type="hidden"的表单元素。
3. 宽度和高度都显式设置为0。
4. 一个祖先元素是隐藏的，该元素是不会在页面上显示
5. CSS visibility的值是hidden

6. CSS opacity的指是0

   如果元素中占据文档中一定的空间,元素被认为是可见的。可见元素的宽度或高度，是大于零。元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。

   

//查找所有input中，属性name=pid的input元素
  $('input[name="pid"]').css("border", "3px groove red"); 
//查找所有input中，有属性name中的值包含一个test字符串的input元素
    $('input[name*="test"]').css("border", "3px groove #00FF00");

//匹配所有input元素中的单选按钮,并选中
   $('input:radio').attr('checked','true');

• 调用当前对象在jQuery中用 $(this)，js中用this，PHP中用$this

.html() .text() .val()的差异总结：

1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。
2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。
3. .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。