jQuery是一个非常流行的JavaScript库，用于简化JavaScript代码的编写和操作HTML文档的元素。在程序猿的日常工作中，掌握一些常用的jQuery技巧，可以提高代码的效率和质量。

下面是35个jQuery小技巧的上半部分，帮助程序猿更好地使用jQuery进行开发。

1. 使用ready()方法在文档加载完成后执行代码： ``` $(document).ready(function(){ // 代码写在这里 }); ```

2. 使用$()或jQuery()选择器选取元素： ``` $('#elementId'); // 根据元素id选取元素 $('.className'); // 根据class选取元素 $('input[name="email"]'); // 根据属性选取元素 ```

3. 使用addClass()和removeClass()添加或移除类： ``` $('#elementId').addClass('className'); // 添加类 $('#elementId').removeClass('className'); // 移除类 ```

4. 使用attr()获取或设置元素的属性： ``` $('#elementId').attr('name'); // 获取属性值 $('#elementId').attr('name', 'value'); // 设置属性值 ```

5. 使用text()获取或设置元素的文本内容： ``` $('#elementId').text(); // 获取文本内容 $('#elementId').text('new text'); // 设置文本内容 ```

6. 使用html()获取或设置元素的HTML内容： ``` $('#elementId').html(); // 获取HTML内容 $('#elementId').html('

new HTML

'); // 设置HTML内容 ```

7. 使用val()获取或设置表单元素的值： ``` $('input[name="email"]').val(); // 获取值 $('input[name="email"]').val('new value'); // 设置值 ```

8. 使用css()获取或设置元素的CSS属性： ``` $('#elementId').css('color'); // 获取CSS属性值 $('#elementId').css('color', 'red'); // 设置CSS属性值 ```

9. 使用append()在元素内部末尾插入内容： ``` $('#elementId').append('

new content

'); ```

10. 使用prepend()在元素内部开头插入内容： ``` $('#elementId').prepend('

new content

'); ```

11. 使用after()在元素后面插入内容： ``` $('#elementId').after('

new content

'); ```

12. 使用before()在元素前面插入内容： ``` $('#elementId').before('

new content

'); ```

13. 使用remove()从文档中移除元素： ``` $('#elementId').remove(); ```

14. 使用empty()清空元素的内容： ``` $('#elementId').empty(); ```

15. 使用hide()隐藏元素： ``` $('#elementId').hide(); ```

16. 使用show()显示元素： ``` $('#elementId').show(); ```

17. 使用fadeIn()渐显元素： ``` $('#elementId').fadeIn(); ```

18. 使用fadeOut()渐隐元素： ``` $('#elementId').fadeOut(); ```

19. 使用slideUp()向上滑动隐藏元素： ``` $('#elementId').slideUp(); ```

20. 使用slideDown()向下滑动显示元素： ``` $('#elementId').slideDown(); ```

21. 使用toggleClass()切换元素的类： ``` $('#elementId').toggleClass('className'); ```

22. 使用animate()实现动画效果： ``` $('#elementId').animate({opacity: '0.5'}, 1000); // 在1秒内将透明度动画变为0.5 ```

23. 使用each()遍历元素集合： ``` $('#elementId').each(function(){ console.log($(this).text()); }); ```

24. 使用find()在元素内部查找子元素： ``` $('#elementId').find('.className'); ```

25. 使用parent()查找父元素： ``` $('#elementId').parent(); ```

26. 使用siblings()查找兄弟元素： ``` $('#elementId').siblings(); ```

27. 使用filter()过滤元素集合： ``` $('#elementId').filter('.className'); ```

28. 使用not()移除符合条件的元素： ``` $('#elementId').not('.className'); ```

29. 使用first()选择第一个元素： ``` $('#elementId').first(); ```

30. 使用last()选择最后一个元素： ``` $('#elementId').last(); ```

31. 使用eq()选择指定索引的元素： ``` $('#elementId').eq(2); // 选择第3个元素 ```

32. 使用hasClass()检查元素是否包含指定类： ``` $('#elementId').hasClass('className'); ```

33. 使用is()检查元素是否满足指定条件： ``` $('#elementId').is(':visible'); ```

34. 使用data()获取或设置元素的自定义数据： ``` $('#elementId').data('key'); // 获取数据 $('#elementId').data('key', 'value'); // 设置数据 ```

35. 使用ajax()发送Ajax请求： ``` $.ajax({ url: 'url', type: 'POST', data: {key: 'value'}, success: function(response){ console.log(response); } }); ```

这些是35个常用的jQuery小技巧，希望对程序猿们有所帮助。请继续阅读下一篇文章，了解更多jQuery技巧。